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

Question

这个问题以前有人问过，但没有大张旗鼓/对如何修复它或任何解决方法知之甚少。再加上已经过去 2 年了，我认为现在是重新调查的好时机:

堆栈溢出问题: How can I prevent background-attachment:fixed; from lagging my website?

堆栈溢出问题 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) 是否有任何 javascript 替代 background-attachment:fixed 可以提供更好的性能？

Answer 1

是的，有一个很好的 javascript 替代品叫做 scrollmagic这可能对你有帮助。

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