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

时间:2013-11-15 16:49:00

标签: javascript html css scroll css-position

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

目标是进行一种框滚动,但滚动窗口。

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

这个怎么样?

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

fixed有一个背景

如果您不想将背景设置为固定

,也可以向主体添加填充