离子输入的 Ionic 3 键盘问题

Question

Issue when keyboard is up

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

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

提前致谢。

Answer 1

在页脚用户绝对位置添加 class hide-on-keyboard-open。 hide-on-keyboard-open class 打开键盘隐藏页脚 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 3 键盘问题

Ionic 3 keyboard issue on ion-input

html

css

ionic3

angular