如何在iOS(Cordova)上显示键盘时调整Web视图的大小

时间:2015-07-02 08:34:41

标签: ios cordova

在Phonegap 3.7.0上,当键盘出现在iPhone或iPad上时,Web视图不会调整大小,键盘会在页脚上方结束。我希望缩小Web视图,以便页脚保持可见。无论如何要解决这个问题吗?

我在这里看到很多问题实际上是相反的,但这与先前版本的Cordova / Phonegap有关。

仅供参考,我尝试了以下操作:当键盘出现时调整身体大小(我使用Ionic键盘插件知道它何时显示以及它的高度)并更改我的页脚的bottom值。这适用于iPhone 6.1.3,但不适用于iPhone / iPad 8. *。即使身体较小,身体仍然可以滚动,就像它仍然是100%。我尝试使用width=device-width删除我的元标记内容,但它没有改变任何内容。

1 个答案:

答案 0 :(得分:6)

一种选择是使用插件来缩小本机WebView。将cordova-plugin-keyboard添加到您的项目中:

phonegap plugin add cordova-plugin-keyboard

然后在你的config.xml中添加

<preference name="KeyboardShrinksView" value="true" /> 

或在您的javascript中调用此方法

Keyboard.shrinkView(true);