之前已经提出过这个问题,但没有大肆宣传/对如何修复它或任何变通方法缺乏洞察力。此外,它已经过去2年了,我认为这是重新调查的好时机:
Stack Overflow问题: How can I prevent background-attachment:fixed; from lagging my website?
Stack Overflow问题2: My fixed background made scrolling the site very slow, what can I do to improve it?
在此讨论: https://code.google.com/p/chromium/issues/detail?id=90637
如您所见,我在本网站的3个不同部分使用background-attachment:fixed
:
http://agoodman.com.au/updated/
使用Chrome的时间轴控制台,似乎整个页面都在重新粉刷每页向下滚动。这可能非常滞后,特别是在较旧的计算机上。我正在使用rMBP,而且对我来说也很滞后。
问题是:(a)是否有任何可用的解决方法,(b)是否有background-attachment:fixed
的javascript替代方案可以提供更好的性能?
答案 0 :(得分:1)
是的,有一个名为scrollmagic的好javascript替代方案可以帮助您。
我成功更改了background-attachment:fixed
以使用pin功能。你可以找到一个很好的例子here。