html - 网站滚动滞后

Question

我正忙于我的网站，现在我遇到了一个问题。

当我向下滚动到我的联系页面时，我的浏览器开始卡顿，因为我有一个带有属性滚动和大小封面的背景图像。

所以我在谷歌上搜索了一下，结果是属性(property)保险导致了滞后。

我该如何解决这个问题？我需要覆盖我的背景大小，因为我的网站具有响应能力

我的代码:

background-attachment: scroll,  fixed;
background-color: #666;
background-image: url("../images/black.png"), url("../images/bg-footer.jpg");
background-position: center,    center center;
background-size: cover, cover;

Answer 1

我能问一下你为什么需要使用背景附件:滚动吗？

您已将背景图像设置为覆盖其容器的整个宽度，这意味着无论如何它都不会在滚动时改变位置。

每当您滚动鼠标时，您都会强制浏览器重新计算图像大小，从而导致延迟。

您也可以尝试使用其他属性(例如包含或 100% 宽度)来修复图像。