我在Android平台(版本2.3.3及更高版本)上将我的应用程序与PhoneGap 2.2.0和jQuery Mobile 1.2.0结合使用。在页面上,我使用固定的标题,并且完全没有过渡。其余的几乎都是标准的jQuery。
当我从一页导航到另一页时,会短暂显示白色闪烁(整个页面)。我在互联网上搜索了几个小时。
尝试以下失败:
当我在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
将视口设置为user-scalable = no可以解决我的问题:
更改
< meta name="viewport" content="width=device-width, initial-scale=1" />
至
< meta name="viewport" content="width=device-width, user-scalable=no" />