Карточка Junior Позиционирование и z-index обновлено
position: sticky
Вопрос
Как работает position: sticky?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Элемент остаётся в потоке и ведёт себя как relative, пока при прокрутке не достигнет порога (top, bottom и т.д.), после чего прилипает к ближайшей прокручиваемой области. Прилипание действует только пока виден его родитель.
Ответ
Элемент остаётся в потоке и ведёт себя как relative, пока при прокрутке не достигнет порога (top, bottom и т.д.), после чего прилипает к ближайшей прокручиваемой области. Прилипание действует только пока виден его родитель.
Разбор
Без порога и при overflow у промежуточного предка эффекта не будет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Ещё по теме «Позиционирование и z-index»
- Относительно чего позиционируется absolute
- Растянуть оверлей на весь блок
- Одинаковый z-index у двух блоков
- fixed внутри элемента с transform
- Containing block
- Значения position
- Выпадающее меню прячется под блоком
- z-index: 9999 внутри контекста наложения