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

标签 html css angular ionic3

Issue when keyboard is up

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

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

提前致谢。

最佳答案

在页脚用户绝对位置添加类 hide-on-keyboard-openhide-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>

关于html - ionic 输入的 Ionic 3 键盘问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45102114/

相关文章:

多语言站点的 HTML lang 属性

javascript - 滚动时将标题/导航转换为导航图标

c# - 来自 javascript 或 c# 的动态 html?

angular - NGXS:属性 'stream$' 在初始化之前使用

javascript - Angular 6 event.stopPropagation() 在指令中不起作用(模板驱动形式已经采用 event.data)

css - Angular 6-在生产中未加载自定义CSS

javascript - 如何使用 jquery 切换所有子元素的只读属性

jquery - 点击事件加载页面

html - 解释为什么这个元素不呈现在前面

html - 为什么这个 SVG 蒙版动画在 Firefox 中不连贯,但在 Chrome 中流畅?