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