如何使用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);