Загружаем изображение…
▶ видео
Заголовок секции, который остаётся сверху при прокрутке!
На длинных страницах пользователь легко теряет контекст, какой раздел он сейчас читает.
Как работает:
•position: sticky фиксирует элемент относительно области прокрутки, но только в пределах родительской секции;
• top: 0 задаёт точку, в которой заголовок начинает «прилипать» к верху окна;
• при появлении следующей секции предыдущий заголовок автоматически вытесняется новым;
• эффект полностью декларативный и не требует отслеживания прокрутки.
Это простой способ улучшить навигацию и читаемость длинных страниц без дополнительной логики.
Code Ready | #фишка