页面在文本输入上的Android浏览器上跳转

Question

我有一个登录页面给了很多痛苦。每当尝试输入文本时，页面都会跳得很厉害。我试过关闭-webkit-backface-visibility。有什么建议吗？

Answer 1

这是由应用于输入元素或输入元素的父元素的3d变换引起的。

例如，我已经将变换添加到我的元素中以强制GPU加速以使用代码更快地转换CSS：

.GPUAccel, .GPUAccel div:not(.noGPUAccel) {
    -webkit-transform: rotateZ(360deg);
    -webkit-backface-visibility: hidden;
}

在输入字段中键入字符时，无意中导致某些测试手机（例如LG optimus滑块）反弹。

从父元素中删除GPU加速或转换，解决了这个问题。

这似乎是一个相当难以捉摸的问题。

Answer 2

浏览器是否缩放？我在浏览器缩放输入/对话框等方面遇到了问题...尝试在<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

中设置<head/>

Answer 3

您是否正在使用jq-touch？我在使用同样的问题时遇到了这个问题。我通过在css中使用position属性来解决它，将其更改为绝对。