当键盘显示phonegap时,页面内容不会滚动

时间:2013-04-21 23:34:44

标签: css html5 cordova

在我的应用程序中注册我遇到问题当我尝试键入字段时键盘会隐藏其他字段,这些是屏幕截图 enter image description here

enter image description here

我们如何解决我希望页面可滚动的问题,因为我正在使用phonegap构建 这需要肯定更改到config.xml我真的不知道该怎么做。

3 个答案:

答案 0 :(得分:53)

我也有这个问题 - 看起来潜在的问题是你无法使用Phonegap Build编辑androidManifest文件 - 你所能做的就是编辑config.xml文件,它实际上只允许你改变一个有限的子集设置。 我想要的(以及很多其他人长期以来一直在尖叫)是能够改变windowSoftInputMode。

然而,我确实找到了解决问题的方法 - 键盘出现在屏幕底部的字段上,我认为这是你遇到的同样问题。 对我来说 - 我正在使用最新的phonegap 2.7.0(但是能够通过在config.xml文件中指定phonegap 2.5.0来重现相同的行为和解决方案)

我找到的解决方案是在config.xml中更改此设置

<preference name="fullscreen" value="false" />

这确实意味着你会在屏幕顶部显示“状态栏”..这对我来说并不重要(事实上我认为最好将它放在那里......至少对我的应用而言) - 使用该设置设置为“false”而不是“true” - 页面现在向上滚动以显示键盘打开时正在编辑的字段。 (更准确地说,我相信视口改变而不是向上滚动)

希望能帮助并解决您的问题..花了我几个小时的搜索和小动作才能让它发挥作用(如果我没有发现我不得不放弃手机版本)

快乐! 迪伦

答案 1 :(得分:8)

config.xml中尝试这样的事情:

<preference name="fullscreen" value="false" />
<preference name="android-windowSoftInputMode" value="stateVisible" />

答案 2 :(得分:1)

如果你使用phonegap build

尝试在config.xml中添加它,它帮助我解决了同样的问题:

<gap:config-file platform="android" parent="/manifest/application">
        android:windowSoftInputMode="stateVisible"
</gap:config-file> 

感谢Manuel指出参数windowSoftInputMode =&#34; stateVisible&#34;