點擊「頁面跳轉」鏈接時網站部分消失

Question

我遇到了一個非常奇怪的問題。有時當我點擊頁面跳轉鏈接時，網站的某些部分會變成空白。如果我懸停一個空白區域，則所有網站都會重新出現。我無法使用chrome檢查來調試，因爲如果我啓用它，一切都會再次正常。

這似乎是一個Chrome的bug，它只發生在兩臺計算機中，總共有12個我測試過。

我目前使用的Chrome版本33.0.1750.154米

一個有這個問題的是here的網頁。

在這裏你可以看到問題的截圖。

我已經嘗試刪除Cookie，歷史記錄和緩存，然後嘗試隱身，它仍然發生。

Answer 1

我碰到這也和我敢肯定它具有在Chrome accelerated rendering做。

我通常使用兩種解決方案之一，寧願首當其工作原理：

1. 如果您的標記允許，周圍添加違規區中的塊級別的容器。據我瞭解，這創建了一個新的layout boundary，這將有助於爲瀏覽器定義什麼時候需要重新繪製區域。

2. 使用JavaScript強制重繪在患處點擊一個頁面跳轉時：

   $（ '＃頁'）上（ '點擊'， '.jump'，函數（）{ $（'＃container-of-disappearing-section'）。hide（）。show（）; }）;

第二種方法對於性能並不理想，但它比在頁面上顯示的奇怪的白色間隙要好。

如果您已經在使用類似Modernizr之類的東西，可以幫助您僅在Chrome中執行腳本，那麼您可以進一步優化。但是這可能不值得，除非你已經爲你的網站上的其他功能做過這種檢測。