Phonegap页面在切换页面时出现闪烁

Question

我在使用jqueryMobile 1.4.2中的location.hash="Page1";来改变页面，但这会导致页面闪烁。

$("#id").click(function( event ) {
    event.preventDefault();
    location.hash = "Page1";
});

- user3559657

---

我找到了解决方案，将以下代码添加到HTML文件中即可取消页面的缩放功能：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> - user3559657

Answer 1

这解决了我遇到的类似问题，当文本字段获得焦点时，屏幕会短暂闪烁。为了解决过渡问题，我使用了以下方法：

这是旧版 Android 设备和未启用硬件加速的 Android 版本的问题，因此设备没有正确地进行双缓冲处理，您会看到所有丑陋的重绘动画。

我在应用程序配置中强制启用了硬件加速。这通过 GPU 启用了双缓冲，并解决了闪烁问题。这也应该解决可能遇到的其他渲染问题。

<preference name="android-hardwareAccelerated" value=" true" />

我设置了视口，允许使用固定的标题而不需要任何js库。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

最后但并非最不重要的是，您可以在我的应用程序中使用以下CSS样式。

*{
-webkit-transform: translate3d(0px,0px,0px);
}

- Chad Bonthuys