HTML und CSS · Junior · Frage 21 von 75
Wie funktioniert position: sticky; top: 0?
- 1Das Element bleibt im Fluss, bis das Scrollen
top: 0erreicht, dann „klebt“ es - innerhalb seines Elternelements - 2Das Element klebt wie
fixedimmer oben im Fenster, unabhängig vom Elternelement - 3Das Element klebt oben am Elternelement und scrollt nie, auch wenn das Elternelement den Bildschirm verlässt
Antwort zeigen
Richtige Antwort: Das Element bleibt im Fluss, bis das Scrollen top: 0 erreicht, dann „klebt“ es - innerhalb seines Elternelements
Erklärung
sticky ist ein Hybrid aus relative und fixed: Vor der Schwelle ist es im Fluss, danach fixiert, bis sein Eltern-Container endet. Häufige Gründe, warum sticky „nicht funktioniert“: kein top gesetzt, ein Vorfahre hat overflow: hidden/auto, oder das Elternelement ist nicht höher als das Element selbst.