转换导致抖动设备jquery-mobile后闪烁

时间:2012-06-18 08:49:49

标签: html5 ios5 jquery-mobile uiwebview

我正在使用iOs应用程序,有一个带有jquery-Mobile的Webview,当设备被抖动时会出现问题。页面转换之间看起来是一个闪烁。如果我不摇动设备,则不会出现闪烁。

在横向模式下,仅在纵向模式下不会出现闪烁。

我的元话:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes">

我尝试过:

-webkit-visibility:hidden

但这不能解决我的问题...

设备:iPad iO5。

1 个答案:

答案 0 :(得分:1)

如果我理解正确的问题:当您摇动设备时,Webview中的页面将使用jQuery mobile转换为新页面,并且当它正在转换屏幕时闪烁/闪烁然后在它可以之后。

使用-webkit-transition时,这可能是一个常见问题。您可能只需要强制硬件加速。希望您能够使用-webkit-transform: translate3d(0,0,0);

执行此操作

将该行放入具有-webkit-transition或父级的元素的CSS规则中。

或者,闪烁的原因有时可能是CSS通过屏幕推出的元素。例如,子元素上的text-indent: -9999px;或负边距。如果删除这些修复它,你可以这样做,它是一个比强制硬件加速更好的解决方案。

希望有所帮助:)