Javascript CSS'；背景附件：固定'；她非常迟钝

这是一个以前被问过的问题，但很少有人大张旗鼓地问/对如何解决这个问题或任何解决办法没有什么见解。加上已经过去两年了，我认为现在是重新调查的好时机：

堆栈溢出问题：

堆栈溢出问题2:

此处讨论：

如您所见，我在本网站的3个独立部分使用

背景附件：fixed

：

使用Chrome的timeline控制台，似乎每向下滚动一次，整个页面都在重新绘制。这可能相当滞后，尤其是在旧电脑上。我用的是rMBP，它对我来说也相当滞后

---

问题是：（a）这方面有什么解决办法吗？（b）对于

后台附件：fixed

，有什么javascript替代方案可以提供更好的性能吗？

是的，有一个很好的javascript替代方案，叫做它可以帮助您

---

我成功地将我的

背景附件：fixed

更改为使用pin功能。你可以找到一个很好的例子。

固定背景从历史上看一直是一种令人痛苦的表现，因为它们的本质。（你可能认为硬件加速会使它变得平滑，但是还有软件优化要做…）今天我发现了一些

背景附件：修复了
上的故障--请参见服务页面上最后一个标题的固定背景--当你将鼠标悬停在社交媒体按钮上（左下角）时，固定背景闪烁。在Chrome、Firefox和IE中，所有这些都在Windows 7上——这只发生在Chrome中，就像问题的第二部分一样，javascript实现在这里有好处吗？可能是某种类似视差的效果——我一直认为使用JS制作动画要慢得多，但这似乎在浏览器中实现得太差了，我觉得这样可能更好。如果你的图像是按自然分辨率放大或缩小的，那就没用了。尝试将图像按您所需的精确大小放入，这样浏览器就不必在滚动时对每个绘制进行所有调整大小的工作。例如，我取
minwidth:100%关闭了cool-guy.jpg，并对背景图像进行了缩放，获得了更好的性能。我认为正确地调整图像大小比使用devtools更好。