更改位置時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);