我正在使用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。
答案 0 :(得分:1)
如果我理解正确的问题:当您摇动设备时,Webview中的页面将使用jQuery mobile转换为新页面,并且当它正在转换屏幕时闪烁/闪烁然后在它可以之后。
使用-webkit-transition
时,这可能是一个常见问题。您可能只需要强制硬件加速。希望您能够使用-webkit-transform: translate3d(0,0,0);
将该行放入具有-webkit-transition
或父级的元素的CSS规则中。
或者,闪烁的原因有时可能是CSS通过屏幕推出的元素。例如,子元素上的text-indent: -9999px;
或负边距。如果删除这些修复它,你可以这样做,它是一个比强制硬件加速更好的解决方案。
希望有所帮助:)