Верстка · Middle · Запитання 29 з 75
position: sticky не працює, хоча top: 0 задано. Яка причина найімовірніша?
- 1В елемента не задано
z-index, тому він лишається під контентом - ✓Правильна відповідь: В одного з предків стоїть
overflow: hidden,autoабоscroll - 3
stickyне працює всередині семантичних тегів на кшталт<header>
Пояснення
Sticky-елемент прилипає до найближчого предка, що прокручується. Якщо в предка overflow відмінний від visible, sticky відраховується від нього, а цей предок може взагалі не прокручуватися - візуально нічого не відбувається. Ще причина: батько не вищий за сам елемент, і прилипати нікуди. Для обрізання без створення скрол-контейнера є overflow: clip.