javascript - 如何使用phonegap去除html页面切换之间的白闪

Question

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

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

奇怪的是，在某些页面（几乎没有 javascript 的页面）上，flash 非常短，以至于在 iOS 设备上不明显（在 android 上，所有页面在转到新页面时都有明显的白色过渡）。

有什么办法可以消除页面切换/过渡之间的白色“闪光”？它使应用程序看起来很慢而且非常有故障，我必须先解决它，然后才能交付这个应用程序。

Answer 1

将此添加到过渡的 css 元素中：

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