每当我滚动页面时，视差 div 的额外内容就会开始出现。怎么解决？

Question

这是额外部分的图片：

我尝试了 overflow-y;hidden ，但每当我尝试滚动它时它仍然会出现。 这是背景和前景图像的 CSS 代码

#background{
    max-height: 100vh;
    width: 100%;
    object-fit: cover;
    position: absolute;
    transform: translateZ(-40px) scale(5);
}
#foreground{
    height: 100%;
    width: 70%;
    position: absolute;
    object-fit: cover ;
    bottom: 0;
    left: 60%;
    z-index: 2;
    transform: translateZ(-20px) scale(3);
}

除此之外，我尝试修复背景，但该部分仍然出现。 我该如何修复它？

Answer 1

您的背景和前景图像具有不同的高度。

#foreground

的高度为其容器元素的 100%，如果其容器元素不是 100vh，则可能会导致出现视差 div。 您介意也包含这些元素的 HTML 吗？