固定位置HTML元素的移动限制

时间:2011-12-11 06:06:43

标签: css css-position

我有一个HTML元素设置为位置:在CSS中修复。但是,当用户滚动到屏幕顶部时,我注意到固定元素与另一个元素重叠。

如何告诉浏览器我希望元素保持在另一个元素下面,否则忽略大多数固定位置元素的滚动?

编辑:你的答案都很棒,但我想我不够具体:我希望对象停止移动,而不是去其他元素后面。另外,我不能使用jquery;不过,我可以使用Javascript。

2 个答案:

答案 0 :(得分:1)

Z-indexing规则仍适用于固定元素。给它一个较低的z-index值让它在其他元素后面渲染。

答案 1 :(得分:1)

如果您只想在之后开始滚动,您已经'传递',请使用jQuery Waypoints。具体来说是sticky elements

如果您只想隐藏在其他元素后面,请为其指定低于其他元素的z-index。 (z-index仅服从position: absoluterelativefixed的元素。)