离子输入上的 Ionic 3 键盘问题

【问题标题】：Ionic 3 keyboard issue on ion-input离子输入上的 Ionic 3 键盘问题
【发布时间】：2017-12-19 12:06:29
【问题描述】：

我的 ionic3 应用程序有问题。正如您在图片中看到的，当键盘打开时，“Registrarse”按钮放置在离子输入元素上。 “Registrarse”按钮位于 ion-content 的底部，带有 position:absolute 和 bottom:5% CSS 规则。

有人可以帮助我吗？我希望键盘隐藏或向上滚动整个内容。

提前致谢。

【问题讨论】：

标签： html css angular ionic3

【解决方案1】：

在页脚用户绝对位置添加类hide-on-keyboard-open。 hide-on-keyboard-open 类工作打开键盘以隐藏您的页脚 http://ionicframework.com/docs/v1/api/page/keyboard/

    <ion-footer-bar class="hide-on-keyboard-open">
      <div class="button-bar">
        <button class="button icon-right ion-pin">Post</button>
        <button class="button icon-right ion-person">My account</button>
        <button class="button icon-right ion-settings">Settings</button>
      </div>
    </ion-footer-bar>

【讨论】：

那是 Ionic 1 的问题。问题与 Ionic 3 有关
ion-footer-bar 在 Ionic 3 中不存在
但是带有“hide-on-keyboard-open”类的离子页脚可以解决问题！！！谢谢@NikitBarochiya