Как работает липкое позиционирование элементов на странице?

Липкое позиционирование (Sticky) работает как гибрид относительного и фиксированного позиционирования. developer.mozilla.org

Пока элемент не достиг заданного расстояния от края окна браузера, он ведёт себя как относительно позиционированный. doka.guide

Когда элемент достигает этой точки, он становится фиксированным и остаётся на месте до тех пор, пока не будет превышен другой порог прокрутки. javarush.com

Когда элемент встречается с противоположным краем родителя, он снова ведёт себя как относительно позиционированный. doka.guide

Липкое позиционирование работает только в пределах родительского контейнера. javarush.com Если родительский контейнер выходит за границы области просмотра, липкий элемент теряет свои фиксированные свойства. javarush.com

Для липкого позиционирования нужно обязательно указать по крайней мере одно значение положения (сверху, слева, снизу или справа). help.taptop.pro

Липкое позиционирование поддерживается большинством современных браузеров, но может не работать в старых версиях. javarush.com