Html 固定位置背景-铬问题

我最近建立了一个网站，使用固定图片作为背景，并在上面滚动文本。当我使用chrome（不是任何其他浏览器）时，滚动会在背景之间停止工作，暂停大约一秒钟，然后继续。我不知道如何解决这个问题，所以任何建议都很感激

---

这里有一个指向该站点的链接：

在Chrome上测试过，并且有相同的问题。

---

是否可能在滚动时加载了某些内容（延迟加载原则，但可能有点不同）？

我相信这是因为下一个背景在视图中之前不会加载和渲染。您的图片质量很高，因此我们可以注意到延迟

（请注意，第一次向下滚动时，每两个背景之间只发生一次。）

尝试减小图像大小，或使用CSS或javascript预加载图像

使用js预加载

<script>
  bg1 = new Image();
  bg2 = new Image();
  bg3 = new Image();
  bg1.src="url here";
  bg2.src="url here";
  bg3.src="url here";
</script>

---

我已经试过了，它和我的谷歌浏览器配合得很好！！没有停顿。你能尝试快速滚动吗？我使用的是版本60.0.3112.90（官方版本）（64位）。没有一个问题，确保Chrome是最新的。也在FireFox、Opera、Safari以及mobile Safari和Chrome&FireFox mobile上进行了测试，没有问题。如何在CSS中预加载图像？@A.Pollack我已经编辑了答案。你可以试一试。

body:after{
    position:absolute; z-index:-1;
    content: url(bg1.png) url(bg2.png) url(bg3.png);
}