在Android上使用JQM和PhoneGap Blinking/flickering

Question

我在Android平台（版本2.3.3及更高版本）上将我的应用程序与PhoneGap 2.2.0和jQuery Mobile
1.2.0结合使用。在页面上，我使用固定的标题，并且完全没有过渡。其余的几乎都是标准的jQuery。

当我从一页导航到另一页时，会短暂显示白色闪烁（整个页面）。我在互联网上搜索了几个小时。

尝试以下失败：

• 我尝试切换固定标头（再次，我没有使用过渡效果）。
• 我尝试了jQuery Mobile 1.3.1。（那里没有运气）
• 我没有尝试过的一件事是PhoneGap 2.3.0，但在变更日志中我看不到与此有关的任何有趣信息。编辑：问题在PhoneGap 2.5.0上仍然存在。

当我在Android项目中关闭硬件加速时，闪烁消失了。但是随后某些CSS样式出现错误，整体性能非常非常差（很明显）。

我现在也尝试了下面的代码。

ui.page {
-webkit-transform: translateZ(0);
-webkit-perspective:1000;
-webkit-backface-visibility: hidden;
}

在转身之前仍然短暂（全白页）闪烁。

看来，这似乎与页面本身的动画过渡无关，但是在卸载旧页面之后以及在加载新页面之前就发生了奇怪的事情。

使闪烁消失的唯一方法是卸下固定头部分。然后像黄油一样光滑，但是我错过了与面板兼容的接头。

还尝试了1页模板（所有页面在一个文件中）。也没有帮助。

jQuery Mobile 1.3.1 PhoneGap 2.5.0 Android 4+设备：-Google Samsung Galaxy Nexus-
Samsung Galaxy Tab 10.1（有问题，但不再有设备）-Samsung Galaxy Note 10.1

Answer 1

将视口设置为user-scalable = no可以解决我的问题：

更改

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

至

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