在Safari 7上滾動時，部分頁面不可見：位置固定：

在Mac和iOS上，Safari 7中存在一個相當大的錯誤，它很難找到任何東西，但很容易修復。在Safari 7上滾動時，部分頁面不可見：位置固定：

在某些情況下，當使用position：fixed時，Safari 7在滾動時無法繪製頁面的一部分。通過點擊箭頭可以看到http://ruelculture.com/glitchy.html，等待一會兒，並試圖回滾。

通過添加下列CSS破解解決這個問題，消失的元素力量硬件加速：

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

在http://ruelculture.com/看到它在野外。而已！

2013-10-04 02:30:36

非常感謝您花時間分享此修復程序！你認爲這是與http://java.dzone.com/articles/safaris-lazy-repaint-bug-ios-7相同的問題嗎？ –

絕對有可能是同一個bug。實際上，這並不是Safari第一次出現一個很大的繪圖失敗問題：在Mac Safari中，多年來一直存在着Safari使用集成圖形芯片時會「忘記」重新繪製大塊畫布的問題。 –

還有position:-webkit-sticky;，這是專門針對這個問題。我的答案與@Mike Marcacci的解決方案（閃爍，當您到達頁面底部時元素消失）有不同的結果。我仍然在試圖找到解決這個問題的完美方案。 HTML5 Rocks =>

2013-10-11 14:10:37

回答