CSS'background-attachment：fixed'非常落后

Question

這是以前曾被問過的問題，但誇張地說/對如何解決它或任何變通辦法的見解很少。 距現在已經兩年了，我認為現在是重新調查的好時機：

堆棧溢出問題： 如何防止背景附着：固定； 從滯后我的網站？

堆棧溢出問題2： 我固定的背景使網站滾動非常緩慢，該怎么做才能改善它？

此處討論： https : //code.google.com/p/chromium/issues/detail?id=90637

如您所見，我正在使用background-attachment:fixed在該網站的3個不同部分中：

http://agoodman.com.au/updated/

使用Chrome的時間軸控制台，頁面的每次向下滾動似乎都在重繪整個頁面。 尤其是在較舊的計算機上，這可能會很麻煩。 我正在使用rMBP，這對我來說也很滯后。

問題是：（a）對此有任何解決方法，並且（b）對於background-attachment:fixed是否有任何JavaScript替代方法可以提供更好的性能？

Answer 1

是的，有一個很好的javascript替代方法叫做scrollmagic ，它可以為您提供幫助。

我成功更改了background-attachment:fixed為使用background-attachment:fixed功能。 您可以在這里找到一個很好的例子。