小编典典

在Android上使用JQM和PhoneGap Blinking/flickering

css

我在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


阅读 241

收藏
2020-05-16

共1个答案

小编典典

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

更改

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

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