如何防止背景附件：已修复；从滞后我的网站？

Question

我正在使用背景附件：已修复；在我的网站上，但它导致 Chrome 对某些用户来说滞后。有没有办法在不造成延迟的情况下达到同样的效果？自从我删除它后，延迟已经停止，但我更喜欢我网站的外观。

Answer 1

实际上是known bug，从 2011 年开始，background-attachment:fixed 规则会导致浏览器在每次滚动时重新绘制背景，这在大屏幕和 Retina 显示器上是个问题。

有一个解决方法，将此规则添加到您的 css 样式表中：

html{
  -webkit-transform: translate3d(0,0,0);
}