Как я могу сохранить фиксированный элемент внутри относительного элемента?

Question

У меня есть фиксированный элемент (div), который я хочу прокрутить на своей странице. Однако, когда фиксированный элемент достигает конца контейнера (div), я хочу, чтобы он прекратил прокручивать страницу.

Я пытаюсь сделать это с помощью CSS, или jquery мой лучший вариант?

Answer 1

Вы можете добавить событие с помощью $(window).scroll() и сравнить положение контейнера div и фиксированного элемента.

Когда они равны, переключите стиль позиции с fixed на absolute и установите соответственно левую и верхнюю части. Когда пользователь выполнит прокрутку назад, сделайте наоборот.

Answer 2

Элементы с position:fixed расположены относительно тела, а не содержащего элемента. Вы, вероятно, не сможете сделать это без использования JavaScript.