Cordova全屏页面,软键盘打开

时间:2015-01-13 10:24:31

标签: android css cordova jquery-mobile handlebars.js

我正在开发一个带有cordova的Android应用程序,并且我遇到了软键盘的一些问题。 (使用本教程:https://ccoenraets.github.io/cordova-tutorial/creating-view-classes.html

当我点击测试设备(nexus 5)上的输入字段时,软键盘打开,视图可滚动,如预期的那样。 但是,如果向上滚动视图,页面视图会闪烁并且我的一些内容会浮动在空白处(请参阅下面的链接)(灰色是我正在测试的背景图像,当键盘打开时,它会缩小约40%)< / p>

http://i57.tinypic.com/v6t89t.png

我开发了JQuery mobile的教程版本,他们没有这个问题。页面加载和滚动完整,我相信他们正在使用一些JS来设置主要元素的高度或其他东西。 有没有办法解决这个空白问题,而不使用现有的框架,因为我宁愿不想硬覆盖JQuery移动CSS

干杯

1 个答案:

答案 0 :(得分:0)

你的问题出在&lt; meta>标签,我自己也有这个,通过在我的index.html文件中添加这些元素来修复它

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">