在Android PhoneGap应用程序中键入“使用JQTouch”时屏幕滚动？

Question

我已经使用JQtouch，Jquery和PhoneGap开发了一个应用程序。 在表单字段中键入内容时，每次输入字符时，整个页面都会上下滚动。 我到处都在寻找解决方案，但找不到解决方案。 这里也有类似的问题： https : //github.com/jquery/jquery-mobile/issues/638，但他的解决方案无法解决我的问题。

有谁知道为什么页面会随着文本框中的每个添加字符上下滚动？ 由于页面太小，因此上下滚动很快，这很烦人。

Answer 1

将以下CSS放在所有其他CSS样式之后的文件中：

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

这应该可以解决您的问题（至少对我有用）。

Answer 2

我正在使用新的Beta版本（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;
}

Answer 3

在一个名为onload的初始化函数中尝试一下：

函数preventBehavior（e）{e.preventDefault（）; }; document.addEventListener（“ touchmove”，preventBehavior，false）;

有关更多讨论，请访问http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/

Answer 4

我在Android 2.2上也遇到了同样的问题。 我在CSS中添加了以下属性，然后发现问题已解决。 有什么不同？ 我不知道，但是它对我有用：

html, body{overflow: hidden;}

试试这个，它也可能对您有用。