Ограничение движения элементов HTML с фиксированным положением

Question

У меня есть элемент HTML, который установлен как позиция: исправлено в CSS.Однако, когда пользователь прокручивает экран до верхней части экрана, я замечаю, что фиксированный элемент перекрывает другой элемент.

Как мне сообщить браузеру, что я хочу, чтобы элемент оставался ниже другого элемента, но в противном случае игнорируюпрокрутка, как у большинства элементов с фиксированной позицией?

РЕДАКТИРОВАТЬ: Все ваши ответы великолепны, но я думаю, что я не был достаточно конкретен: я хочу, чтобы объект прекратил двигаться, а не шел за другим элементом.Кроме того, я не могу использовать jquery;Я могу использовать Javascript, хотя.

Answer 1

Если вы хотите начать прокрутку только после того, как вы «пропустили», используйте jQuery Waypoints . В частности липкие элементы .

Если вы просто хотите спрятаться за другим элементом, присвойте ему z-index ниже, чем другой элемент. (z-index подчиняется только элементам с position: absolute, relative или fixed.)

Answer 2

Правила Z-индексации все еще применяются к фиксированным элементам. Присвойте ему более низкое значение z-index, чтобы он отображался позади других элементов.