單擊“頁面跳轉”鏈接時，網站的某些部分會消失

Question

我遇到了一個非常奇怪的問題。 有時當我點擊頁面跳轉鏈接時，網站的某些部分會變成空白。 如果我將鼠標懸停在空白區域，則會重新顯示所有網站。 我不能使用chrome inspect來調試它，因為如果我啟用它，一切都會恢復正常。

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

我目前正在使用Chrome版本33.0.1750.154 m

其中一個有這個問題的頁面就在這里 。

在這里，您可以看到問題的屏幕截圖。

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

Answer 1

我也遇到了這個問題，我很確定它與Chrome中的加速渲染有關。

我通常使用兩種解決方案中的一種，在工作時更喜歡第一種解決方案：

1. 如果您的標記允許，請在違規區域周圍添加塊級容器。 據我了解，這創建了一個新的布局邊界 ，有助於為瀏覽器定義何時需要重新繪制的區域。

2. 單擊頁面跳轉時，使用JavaScript強制在受影響區域重繪：

   $（'＃page'）。on（'click'，'。jump'，function（）{$（'＃container-of-disappearing-section'）。hide（）。show（）;}）;

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

如果您已經使用了像Modernizr這樣的東西，可以幫助您僅在Chrome中執行腳本，那么您可以進一步優化。 但這可能不值得，除非你已經對你網站上的其他功能進行了那種檢測。