如何避免視差性能問題？

我嘗試創建視差效果，但在Edge和Safari中出現嚴重的性能問題。有人請告訴我，我怎樣才能避免這個問題？如何避免視差性能問題？

意味着resize只是谷歌的'WebKit的背面能見度：隱藏;'它通常可以解決的問題.. – Hardy

@Hardy感謝您的回覆，但它沒有幫助在這種情況下， –

使用transform: translate(...)而不是設置bottom和CO。設置transform會有幫助，因爲瀏覽器會渲染一個與其他圖層分離的新圖層。

此外它似乎更好地使用position: fixed並計算圍繞該事實的所有值，因爲無論當前滾動位置，圖像始終處於相同的位置。這當然意味着你也需要知道何時可見。

旁註：我猜你在window.addEventListener('recise', ...)

2017-07-02 14:00:19 lumio

已經使用它https://github.com/bashkos/Problem-parallax/blob/master/assets/script.js#L24 –

對不起，我只看到'底部'行。讓我再次檢查 – lumio

好吧，我明白你的意思了。當我建立我最後一個視差網站時，我遇到了同樣的問題。我所做的就是使用'position：fixed'而不是'position：absolute'，因爲它始終處於相同的位置。當然，這使得你的計算有點棘手我猜 – lumio

回答