CSS'background-attachment:fixed'非常滞后

时间:2014-02-19 05:41:28

标签: javascript html css performance background-attachment

之前已经提出过这个问题,但没有大肆宣传/对如何修复它或任何变通方法缺乏洞察力。此外,它已经过去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替代方案可以提供更好的性能?

1 个答案:

答案 0 :(得分:1)

是的,有一个名为scrollmagic的好javascript替代方案可以帮助您。

我成功更改了background-attachment:fixed以使用pin功能。你可以找到一个很好的例子here