HTML und CSS · Middle · Frage 29 von 75
position: sticky funktioniert nicht, obwohl top: 0 gesetzt ist. Was ist die wahrscheinlichste Ursache?
- 1
stickyfunktioniert nicht in semantischen Elementen wie<header> - 2Das Element hat kein
z-index, also bleibt es unter dem Inhalt - 3Einer der Vorfahren hat
overflow: hidden,autooderscroll
Antwort zeigen
Richtige Antwort: Einer der Vorfahren hat overflow: hidden, auto oder scroll
Erklärung
Ein Sticky-Element klebt an seinem nächsten scrollenden Vorfahren. Ist overflow eines Vorfahren nicht visible, wird sticky relativ zu ihm gemessen, und dieser Vorfahre scrollt vielleicht gar nicht - optisch passiert nichts. Eine weitere Ursache: Das Elternelement ist nicht höher als das Element, es gibt also nichts zum Kleben. Zum Abschneiden ohne Scroll-Container nutzt man overflow: clip.