angular - Ionic 4 - 键盘向上推内容

标签 angular typescript cordova ionic-framework

我正在开发 Ionic 4 应用程序。我遇到的问题是,无论何时用户打开键盘,应用程序内容都会向上移动,然后当键盘关闭时,部分标题隐藏在我手机的状态栏后面。

在 Ionic 3 中,我知道这可以通过修改 ion-scroll 的样式来解决,但这里不起作用。

有人能帮帮我吗?

谢谢。

最佳答案

对于大于等于5.0.0的ionic版本,如果你使用ionic-content,你只需要设置slot="fixed"并且必须给他自定义的css属性--offset -bottom 组件的 css 文件中的值 0 !important:

    .ionic-content {
       --offset-bottom: 0 !important;
    }

当键盘隐藏时,内容会回到他的初始位置。 但是这个解决方案在 Ionic 4.7.1 中不起作用

关于angular - Ionic 4 - 键盘向上推内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55319334/

相关文章:

angularjs - Ionic/Cordova 应用中的 Facebook Account Kit

angularjs - Angular 2 混合应用程序 : Unknown provider: ng2. ComponentFactoryRefMapProvider

angular - 在 Angular 5 中从 AWS Cognito 刷新 JWT token ?

angular - 链接两个以上的 Angular Observable 调用

angular - ngx-bootstrap 弹出窗口在外部点击时关闭

typescript - 如何在 Typescript 中输入 es6 对象/字典

javascript - 使用 Phonegap 将 Canvas 图像保存为手机文件系统中的图像?

javascript - 使用 Angular 7 的 Tizen 可穿戴 Web 应用程序

angular - 如何反射(reflect)组件从一个页面到另一个页面的变化

html - 如何组织 Phonegap HTML 文件