Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить position: sticky?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`position: sticky`** поєднує поведінку `relative` і `fixed`: поки елемент не досяг заданого порогу прокрутки, він перебуває в потоці, а після досягнення порогу «прилипає» й поводиться як `fixed`. **Ключове:** `sticky` - це позиціонування, при якому елемент залишається в потоці, але фіксується на екрані під час прокрутки після досягнення заданого порогу.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`position: sticky` поєднує поведінку `relative` і `fixed`. **Як працює:** - поки елемент у межах видимої області **не досяг порогу**, він поводиться як `relative`: перебуває в потоці й займає своє місце; - коли під час прокрутки він досягає заданого значення `top`, `left`, `right` або `bottom`, він «прилипає» і поводиться як `fixed`, залишаючись на екрані. Приклад: ```css header { position: sticky; top: 0; } ``` **Особливості:** - елемент залишається в потоці (на відміну від `fixed`); - координати `top`/`bottom` обов'язкові для спрацювання; - «прилипання» працює **у межах свого контейнера, що прокручується**, а не всієї сторінки. **Підсумок:** `sticky` - це позиціонування, при якому елемент залишається в потоці, але фіксується на екрані під час прокрутки після досягнення заданого порогу.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.