离子显示键盘问题 - 顶部的灰色条

Posted 2023-03-14

【中文标题】离子显示键盘问题 - 顶部的灰色条

【英文标题】：Ionic show keyboard issue - gray bar on top

【发布时间】：2017-02-08 17:17:03

【问题描述】：

当在 ios 上打开键盘时，我们有一个应用程序具有以下行为（在 android 上不会发生）：

我们尝试使用padding-top: 0px 让屏幕内容与顶部对齐，但这种“闪烁”仍然会发生。唯一不同的是，当与顶部对齐时，灰色条更小。

如果我们使用cordova.plugins.Keyboard.disableScroll(true); 禁用滚动，问题不会发生，但屏幕不会滚动，因此触摸的字段会隐藏在键盘后面。有人遇到这个问题并设法解决了吗？

Cordova CLI: 6.4.0 
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
ios-deploy version: 1.9.0 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002

【参考方案1】：

打开 config.xml 并添加：

<preference name="DisallowOverscroll" value="true"/>
<preference name="webviewbounce" value="false"/>
<preference name="UIWebViewBounce" value="false"/>

如果不存在

【讨论】：

Nguyễn，不幸的是，它们已经在我的 config.xml 中具有相同的值。

好的，那就关注这个***.com/questions/13820088/…

我尝试了preventDefault 和stopPropagation 没有成功。奇怪的是，当我在为存储两个调用而创建的函数的任何行中放置断点时，灰色条不会出现。甚至尝试使用scrollTop，但结果相同。

试试这个，我想到最后一件事 cordova.plugins.Keyboard.disableScroll(true);

对不起，我在我的问题中打错了这个。 disableScroll(true) 阻止了这种行为，但如问题中所述，该字段隐藏在键盘后面。