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

我有一个登录页面，这给了很多痛苦。每当尝试输入文字时，页面跳跃都很糟糕。我试图关闭-webkit-backface-visibility。有什么建议么？页面在Android浏览器上跳转文本输入

2012-02-08 Rohit Mehta

浏览器是否缩放？我有浏览器放大输入/对话框等问题...尝试设置<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">在您的<head/>

来源

2012-02-08 20:05:42

谢谢。问题解决了。背面知名度导致了问题。 @BPM：我用Jquery Mobile – 2012-02-09 05:21:26

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

来源

2012-02-08 20:11:32 bpn

你可以提供更多细节，我试着将页面，表单和其他元素设置为绝对。我仍然会在表单输入中看到这种古怪的滚动效果。 jqtouch表单演示也是如此。 – 2012-04-16 21:31:17

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

例如，我又增加了变换到我的元素，以强制GPU加速，使CSS转换速度更快使用的代码：

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

无意中造成了一定的测试手机（例如，LG的Optimus滑块），在输入字段中输入字符时反弹。

从父元素中移除GPU加速或转换解决了此问题。

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

来源

2013-02-21 19:33:55

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

回答

相关问题