css 子元素滚动时保持body bg固定

fhity93d  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(158)

在我的例子中,你会看到,我在html上应用了一个渐变,在body上应用了一个texture overlay .png,这看起来和预期的一样。
我添加了一个高度很大的div来显示我的问题。注意,当你在示例中向下滚动时,你会看到div溢出body,并且应用于body的纹理覆盖被剪切,几乎有视差效果。
我想要的是html/body背景保持固定,这样body的内容会像预期的那样在它们上面滚动,而渐变和覆盖保持固定,窗口的大小也保持固定。我想你会很容易注意到我在这个例子中所说的。
我错过了什么?
第一个

snvhrwxg

snvhrwxg1#

您将body的高度设置为100%,以便背景不再在初始视口高度以下渲染。
您必须为正文设置相同的div高度,或将正文高度标记为auto(默认值)。
第一个

相关问题