更改position：fixed為position：relative時的Safari渲染問題

Question

我正在開發一個jQuery插件，只是為了好玩，它會在您向下滾動頁面時顯示“堆棧”中的元素。

Github倉庫在這里-https: //github.com/JayBizzle/Reveal

演示在這里-http://jaybizzle.github.io/Reveal/

一切在Chrome中都能正常運行，但是在Safari中進行測試時，我看到了一些奇怪的渲染問題。

如果您在Safari中觀看演示並快速向下滾動，則會發現彩色DIV之間出現白色間隙。

甚至更陌生的是，如果您隨后檢查位置不正確的DIV之一，則檢查器會在正確位置突出顯示DIV。 另外，如果您在檢查器中時更改了元素CSS屬性之一（例如添加邊框），則頁面將重新繪制，並且該元素將顯示在正確的位置。

任何人都知道這是一個Safari錯誤還是我可以用一些鮮為人知的CSS克服的想法？

Answer 1

我有一個類似的問題。 我的解決方法是先將位置設為靜態，然后再將位置設為相對，但要稍加延遲。

    $(elem).css('position', 'static');
    setTimeout(function() {
      $(elem).css('position', 'relative');
    }, 1);