HTML i CSS · Middle · Pytanie 29 z 75
position: sticky nie działa, choć ustawiono top: 0. Jaka jest najbardziej prawdopodobna przyczyna?
- 1Element nie ma
z-index, więc zostaje pod treścią - ✓Poprawna odpowiedź: Któryś z przodków ma
overflow: hidden,autolubscroll - 3
stickynie działa w elementach semantycznych typu<header>
Wyjaśnienie
Element sticky przykleja się do najbliższego przewijającego się przodka. Jeśli overflow przodka nie jest visible, sticky liczy się względem niego, a ten przodek może w ogóle się nie przewijać - wizualnie nic się nie dzieje. Inna przyczyna: rodzic nie jest wyższy od elementu, więc nie ma gdzie się przyklejać. Aby przycinać bez tworzenia kontenera przewijania, użyj overflow: clip.