使用窗口滚动而不是容器滚动隐藏

hide with window scroll not container scroll

本文关键字：滚动隐藏窗口更新时间：2023-09-26

我有一个棘手的问题。所以我有两个固定元素，在这两个元素下面有空间，我有一个相对定位的元素，到目前为止一切都很好。现在，当我滚动相对定位的元素时，它将滚动并出现在两个固定元素之间和第一个元素的顶部，这里是jsfiddle以使其更清晰。我希望滚动时不会显示相对定位的内容，就像它是一个隐藏溢出的滚动框一样。

目标是进行一种框滚动，但使用窗口滚动。

我想要一个 css 解决方案，但我也对任何 js 解决方案持开放态度。

这个呢？

http://jsbin.com/uSEfUMA/2/edit

固定有背景

如果您不想将背景设置为固定，也可以向正文添加填充

可以制作一个背景设置为与页面 bg 相同颜色的 zindexeddiv，将其放在相对定位的div 上方和绝对值下方，这样当相对div 滚动到页面的那个点时，它似乎消失了我相信你想要它的样子，或者只是使用溢出隐藏和绝对定位将其锁定到位并剪辑内容。