固定位置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值，以使其呈現在其他元素之後。