css - 如何防止后台附件 :fixed; from lagging my website?

Question

我正在使用 background-attachment:fixed;在我的网站上，但它导致 Chrome 对某些用户来说滞后。有没有办法在不造成延迟的情况下产生相同的效果？自从我删除它后，延迟已经停止，但我更喜欢我网站的外观。

Answer 1

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

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

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