屏幕上滚动时在Android PhoneGap应用程序中使用JQTouch?

我使用JQtouch,Jquery和PhoneGap制作了一个应用程序。 当你input一个表单的字段时,整个页面每次input一个字符就会上下滚动。 我到处寻找解决办法,但找不到一个解决scheme。 有一个类似的问题在这里: https : //github.com/jquery/jquery-mobile/issues/638但他的解决scheme并没有解决我的问题。

有没有人有一个想法,为什么页面将上下滚动文本框中的每个添加的字符? 由于页面非常小,它会快速上下滚动,非常烦人。

Solutions Collecting From Web of "屏幕上滚动时在Android PhoneGap应用程序中使用JQTouch?"

将所有其他CSS样式放入文件中的以下CSS:

  body { -webkit-perspective: none; -webkit-transform-style: flat; } body > * { -webkit-backface-visibility: visible; -webkit-transform: none; } 

这应该可以解决你的问题(至less对我来说)。

在一个名为onload的init函数中试试这个:

函数preventBehavior(e){e.preventDefault(); }; document.addEventListener(“touchmove”,preventBehavior,false);

有关http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/的更多讨论

我在Android 2.2上面临同样的问题。 我把我的CSS中的以下属性,然后发现问题已经解决。 什么事情造成了差异; 我不知道,但它是为我工作:

 html, body{overflow: hidden;} 

试试这个,它也可能适用于你。

我正在使用新的testing版本(jqtouch-1.0-b4-rc),并且无法使用这些技巧在Android 2.2或2.3上运行。 最后,我通过在CSS的底部包含以下内容来修复它:

 #jqt ul li { -webkit-transform: none; position: relative; /* required to fix arrows */ } #jqt ul li a { -webkit-transform: none; }