0

我正在使用 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。

4

1 回答 1

1

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

这可能是使用-webkit-transition. 您可能只需要强制硬件加速。希望您能够使用-webkit-transform: translate3d(0,0,0);

将该行放入-webkit-transition父元素上带有 or 的元素的 CSS 规则中。

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

希望有帮助:)

于 2012-06-18T09:25:14.467 回答