网站滞后于滚动

Question

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

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

所以我用Google搜索了一下，结果是财产封面导致了滞后。

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

我的代码：

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％宽度）来修复图像。