Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 平板电脑上的背景图像渲染速度较慢_Javascript_Html_Css - Fatal编程技术网

Javascript 平板电脑上的背景图像渲染速度较慢

Javascript 平板电脑上的背景图像渲染速度较慢,javascript,html,css,Javascript,Html,Css,我只是有一个静态的网站,我必须建立一个问题。我有一个简单的网站,大约6000像素高(这是一个很大的滚动!),有很多图片。我把这些图片做成CSS中的背景图片,因为这个网站必须使用视差滚动。我使用lib。为了实现这一点 我的问题是,在桌面上一切正常,但在平板电脑上,当用户开始向下滚动时,她/他可以看到当前视口中图像的渲染过程。(用户看到页面上有一个空白) 用户滚动整个页面后,一些图像会再次渲染。我调整了所有图像的大小,使它们尽可能小(它们总共1.2MB),但用户看到了相同的渲染过程。有没有办法防止用

我只是有一个静态的网站,我必须建立一个问题。我有一个简单的网站,大约6000像素高(这是一个很大的滚动!),有很多图片。我把这些图片做成CSS中的背景图片,因为这个网站必须使用视差滚动。我使用lib。为了实现这一点

我的问题是,在桌面上一切正常,但在平板电脑上,当用户开始向下滚动时,她/他可以看到当前视口中图像的渲染过程。(用户看到页面上有一个空白)

用户滚动整个页面后,一些图像会再次渲染。我调整了所有图像的大小,使它们尽可能小(它们总共1.2MB),但用户看到了相同的渲染过程。有没有办法防止用户看到渲染过程?(可能不是渲染过程)。
附言:现在我不能给你密码。对不起

你知道这是图像渲染还是图像加载(即从服务器下载)吗?你应该能够使用chrome开发工具进行检查(模拟慢速连接,看看是否会发生相同的行为)@Kyle Fahringer经过一些研究后,我发现浏览器会重新绘制它。图像加载到DOM中,但每次滚动事件后,浏览器都会重新绘制图像。