如何使用phonegap消除HTML页面切换之间的白色闪烁

Question

我正在使用phonegap开发应用程序。 我没有使用jQuery mobile之类的框架或任何此类框架。 只是HTML，JavaScript和CSS。 应用程序中的每个页面都有其自己的html文件。

我遇到的问题是，当我单击链接以从一页转到下一页时，会出现这种小的白色短闪烁。 我猜想DOM必须从头开始加载，这就是为什么它会变成白色一段时间，直到元素开始被加载到DOM中。

奇怪的是，在某些页面（几乎没有javascript的页面）上，闪光灯是如此之短，以至于它在iOS设备上不明显（在android上，所有页面在进入新页面时都会出现明显的白色过渡）。

有什么办法可以消除页面切换/转换之间的白色“闪光”？ 它使该应用看起来很笨拙，而且很容易出现故障，在交付该应用之前，我必须先解决它。

Answer 1

将此添加到转换的css元素中：

 -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);