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

Question

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

如何告诉浏览器我希望元素保持在其他元素的下方，但是否则像大多数固定位置元素一样忽略滚动？

编辑：你的答案都很好，但我想我不够具体：我想让对象停止移动，而不是去掉其他元素。另外，我不能使用jQuery;不过，我可以使用JavaScript。

Answer 1

如果您只想在之后开始滚动，则表明您已通过此操作，请使用jQuery Waypoints。具体sticky elements。

如果您只是想隐藏在其他元素后面，请将其指定为比其他元素低z-index。 （z-index只服从position: absolute,relative或fixed的元素。）

Answer 2

Z索引规则仍适用于固定元素。给它一个较低的z-index值，以使其呈现在其他元素之后。