html - 在移动设备中使用固定背景图像滚动时出现延迟

Question

我想要一个在我的 PC 浏览器上运行的具有固定背景图像（大约 46k）的网站。

但是，在我的移动浏览器上滚动时，重绘背景图像大约需要一秒钟。

有什么想法可以解决这个问题吗？谢谢

这是我的CSS：

html, body {
    background: url('/assets/img/bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

您可以使用skrollr 库（适用于移动设备的演示页面）在移动设备上实现平滑的固定背景。

（这是一个已知问题，固定定位的元素还不能在所有流行的移动设备上正常工作。请参阅此表，了解哪些设备支持固定定位。）