html - iOS 上 Ionic 中为两个键盘留出的空间

Question

因此，我在 Ionic 中的 View 页脚中有一个选项卡栏和一个输入，如下图所示:

但是当我单击底部的输入字段时，似乎为两个键盘留出了空间，如下所示:

我可以在输入字段下方的空间中滚动，将其带回到应有的位置，但我不知道如何将其到达那里。

这是选项卡和 View 的代码:

    <ion-tabs class="tabs-icon-top">
        <ion-tab title="Tab 1" icon="ion-ionic">
            <ion-nav-view name="tab-one">
                <ion-content>
                    <h1>Header 1</h1>
                    <h2>Header 2</h2>
                    <h3>Header 3</h3>
                </ion-content>
                <ion-footer-bar keyboard-attach class="bar-stable item-input-inset">
                    <label class="item-input-wrapper">
                        <input type="text" placeholder="Type your message">
                    </label>
                    <button class="button button-clear">Send</button>
                </ion-footer-bar>
            </ion-nav-view>
        </ion-tab>
        <ion-tab title="Tab 2" icon="ion-ionic">
            <ion-nav-view name="tab-two">
                2
            </ion-nav-view>
        </ion-tab>
        <ion-tab title="Tab 3" icon="ion-ionic">
            <ion-nav-view name="tab-three">
                3
            </ion-nav-view>
        </ion-tab>
    </ion-tabs>

我在没有使用keyboard-attach的情况下尝试过它，它有效，但它会将屏幕上半部分的所有内容(包括导航栏，如果有的话)推离屏幕，我不想发生。

所以基本上我希望输入字段在选择时位于键盘正上方，并且内容不要被推离页面顶部。

非常感谢任何帮助!

ionic 版本:1.3.20

Cordova 版本:4.3.0

Xcode 版本:6.3

Answer 1

将其添加到 app.js 中的 run 函数解决了我的问题

cordova.plugins.Keyboard.disableScroll(true);