Липкое позиционирование в веб-дизайне применяется для элементов, которые должны оставаться видимыми во время прокрутки, но только в пределах определённого раздела страницы. 4
Некоторые примеры использования:
- Липкая боковая панель. 1 На веб-странице с длинной статьёй и боковой панелью, содержащей оглавление, липкое позиционирование позволяет панели оставаться видимой при прокрутке статьи, но только в пределах раздела статьи. 4
- Липкий заголовок таблицы. 1 Такой заголовок остаётся видимым при прокрутке большого объёма данных. 1
- Закреплённая шапка. 5 Если шапка является непосредственным наследником body, то, указав ей position: sticky, можно получить статичную шапку при загрузке экрана, а при скролле страницы — зафиксированную сверху. 5
Липкое позиционирование работает только в пределах родительского контейнера. 1 Когда родительский контейнер выходит за границы области просмотра, липкий элемент теряет свои фиксированные свойства. 1