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 中的运行函数解决了我的问题

cordova.plugins.Keyboard.disableScroll(true);