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

Question

我有个棘手的问题。所以我有两个固定的元素，在这两个元素之间有一个空间，我有一个相对定位的元素，到目前为止一切都还好。现在，当我滚动相对定位元素时，将滚动并出现在两个固定元素之间，并出现在第一个元素的顶部，下面是弹琴，以使其更加清晰。当滚动时，我希望相对定位的内容不出现，比如如果它是一个隐藏溢出的框滚动。

目标是做一种盒子滚动，但与窗口滚动。

我想要一个css解决方案，但我也向任何js解决方案开放。

Answer 1

那这个呢？

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

固定有一个背景

如果不想将背景设置为固定的，也可以将填充添加到体内。

Answer 2

可以使背景设置为与页bg相同颜色的zindexed div，将其放在相对定位的div上，并置于绝对位置下，因此当相对div滚动到页面的那个点时，它会显示出我认为您想要它做的事情，或者仅仅使用溢出隐藏和绝对定位将其锁定并剪辑内容。