ios中phonegap + JQM应用程序白色闪烁答案

【问题标题】：White flashes with phonegap + JQM app in iosios中phonegap + JQM应用程序白色闪烁
【发布时间】：2013-08-27 10:11:15
【问题描述】：

我有一个使用 AngularJS 和 jQuery Mobile 的 phonegap 应用程序。

我注意到，在 ios 下，有时我会在页面转换时出现白色闪烁 - 这些是使用 JQM 的 changePage 完成的。

我确实有一个固定的页眉和页脚，根据谷歌，这可能是问题的根源。

但是，所有结果都表明这是一个已在 JQM 中修复的问题，尽管它仍然出现在我运行 JQM 1.3.1 的应用程序中。

任何想法如何解决这个问题？

谢谢！

编辑：
我还尝试添加 user-scalable=no，禁用缩放并从页眉和页脚中删除 data-position="fixed"。这些都没有帮助。

【问题讨论】：

标签： ios jquery-mobile cordova

【解决方案1】：

< meta name="viewport" content="width=device-width, initial-scale=1" />

to

< meta name="viewport" content="width=device-width, user-scalable=no" />

或者添加这个css

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari /
-moz-backface-visibility:hidden; / Firefox */
}

.ui-page {
-webkit-backface-visibility: hidden;
}

如果这不起作用，请检查https://github.com/jquery/jquery-mobile/issues/4024

【讨论】：

已经用 user-scalable=no 定义了。看过github的题目，最终的解决方案好像已经在当前版本的JQM中了，所以我假设不是。

【解决方案2】：

如果有人仍然对此感到困惑，我发现了这篇文章：

how to speed up changepage in jquery mobile for phonegap app

即使它不完全相关，第一个答案（没有 js 代码，尽管它也可以使用它）解决了我的问题，并改进了 android 设备中的渲染。

【讨论】：