这个问题以前有人问过,但很少大张旗鼓地问/对如何解决它或任何解决办法都没有什么见解。另外,已经两年了,我想现在是重新调查的好时机:
堆栈溢出问题: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的时间轴控制台,似乎每向下滚动一页,整个页面都会被重新绘制。这可能是相当滞后的,特别是在旧电脑上。我用的是人民币,而且对我来说也太晚了。
问题是:(a)这方面是否有解决方法,以及(b)对于background-attachment:fixed
是否有任何javascript替代方案可以提供更好的性能?
最佳答案
是的,有一个很好的javascript替代方案可以帮助您。
我成功地将background-attachment:fixed
更改为使用pin函数。你可以找到一个很好的例子。
关于javascript - CSS'background-attachment:fixed'非常落后,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21872038/