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

Html 在移动设备中使用固定背景图像滚动时出现延迟,html,css,Html,Css,我想有一个固定的背景图像(约46k)在我的电脑浏览器工作的网站 然而,当在我的手机浏览器上滚动时,它会花费大约一秒钟的时间来重新绘制背景图像 有什么办法解决这个问题吗?谢谢 这是我的css: html, body { background: url('/assets/img/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover

我想有一个固定的背景图像(约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;
}

您可以使用skrollr库在移动设备上实现平滑的固定背景


(众所周知,固定定位元素在所有流行的移动设备上都不能很好地工作。

感谢您的回复。看来我需要换一下工具了