在移动设备中使用固定背景图像滚动时滞后

Question

我想拥有一个固定背景图像（约46k）的网站，它可以在我的PC浏览器上运行。

但是，在我的移动浏览器上滚动时，它会在大约一秒钟内重新绘制背景图像。

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

这是我的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库（demo page that works on mobile）在移动设备上实现平滑的固定背景。

（已知问题是固定定位元素在所有流行的移动设备上都无法正常运行。See this table of which devices support fixed positioning。