HTML i CSS · Junior · Pytanie 21 z 75
Jak działa position: sticky; top: 0?
- 1Element jest zawsze przypięty do góry okna jak
fixed, niezależnie od rodzica - ✓Poprawna odpowiedź: Element jest w przepływie, dopóki przewijanie nie dojdzie do
top: 0, potem „przykleja się” - w granicach rodzica - 3Element przykleja się do góry rodzica i nigdy się nie przewija, nawet gdy rodzic znika z ekranu
Wyjaśnienie
sticky to hybryda relative i fixed: przed progiem jest w przepływie, po nim - przypięty, aż skończy się kontener rodzica. Częste powody, dla których sticky „nie działa”: nie ustawiono top, przodek ma overflow: hidden/auto albo rodzic nie jest wyższy od samego elementu.