html - ionic 输入的 Ionic 3 键盘问题

Question

Issue when keyboard is up

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

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

提前致谢。

Answer 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>