Ionic 4 - 键盘向上推送内容答案

【问题标题】：Ionic 4 - Keyboard pushing content upIonic 4 - 键盘向上推送内容
【发布时间】：2019-08-14 14:30:11
【问题描述】：

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

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

有人可以帮帮我吗？

谢谢。

【问题讨论】：

我在具有工具栏和内容的视图中遇到了类似的问题。我设法在 scss 文件中使用position:fixed; 解决了它。现在只有我的应用程序可以接受的内容滚动。工具栏保留在正确的位置。最好有一个通用的解决方案
嗨 @dev ，我更新到 Ionic 4.2.0 并自行修复。也许这只是我使用的 4.0.0 版本的一个错误

【解决方案1】：

将我的 Ionic angular 更新到 4.2.0 版本解决了这个问题。这似乎是 Ionic 4.0.0 的一个错误

【讨论】：

这可以称为问题，而不是错误 :)
对我来说还是一样！
我仍然可以在 @ionic/angular 4.11.7 Ionic CLI: 5.4.1 and Cordova latest 9.0 中看到 iOS 中的问题

【解决方案2】：

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

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

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

【讨论】：