在 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

在名为 onload 的初始化函数中尝试此操作：

function PreventBehavior(e)
{
e.preventDefault();
};
document.addEventListener("touchmove", PreventBehavior, false);

更多讨论请访问 http://groups.google.com/group/phonegap/browse_thread /线程/739525b7531b6d29/

Answer 3

我在 Android 2.2 上遇到了同样的问题。我将以下属性放入 CSS 中，然后发现问题已解决。是什么因素造成了差异？我不知道，但它对我有用：

html, body{overflow: hidden;}

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

Answer 4

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