Верстка · Junior · Запитання 21 з 75
Як працює position: sticky; top: 0?
- 1Елемент завжди закріплений угорі вікна, як
fixed, незалежно від батька - ✓Правильна відповідь: Елемент у потоці, доки під час прокручування не дійде до
top: 0, потім «прилипає» - у межах батька - 3Елемент прилипає до верху батька й не прокручується, навіть коли батько зникає з екрана
Пояснення
sticky - гібрид relative і fixed: до порогу елемент у потоці, після - закріплений, доки не закінчиться його батьківський контейнер. Типові причини, чому sticky «не працює»: не задано top, у предка стоїть overflow: hidden/auto, або батько за висотою дорівнює самому елементу.