Warum erscheint mein Sticky-Positioned-Element mit „unten: 0' nicht?

Warum die Sticky-Positionierung mit „unten: 0“ nicht funktioniert

Die Sticky-Positionierung ermöglicht es einem Element, in seinem enthaltenden Block fixiert zu bleiben, bis es erreicht einen bestimmten Schwellenwert. Bei Verwendung von „bottom: 0“ scheint dieses Verhalten jedoch nicht vorhanden zu sein.

Im bereitgestellten Code wird dem „move“-Element „position: sticky“ und „bottom: 0“ zugewiesen. Gemäß der Definition der Sticky-Positionierung wird ein Element fixiert, wenn es einen Schwellenwert innerhalb seiner Flusswurzel erreicht. Im gegebenen Beispiel ist das „move“-Element jedoch nicht sichtbar, da sein übergeordneter Block einen erheblichen oberen Rand aufweist.

Beim Scrollen überschreitet der übergeordnete Block den Schwellenwert für das „move“-Element behoben. Da der übergeordnete Block jedoch außerhalb des Bildschirms ausgeblendet ist, wird auch das „move“-Element ausgeblendet. Um das beabsichtigte Verhalten zu beobachten, vergrößern Sie den oberen Rand des übergeordneten Blocks, um ihn weiter aus dem Bildschirm zu verschieben.

Daher ist die Einstellung „unten: 0“ mit Sticky-Positionierung funktionsfähig, erfordert jedoch ausreichend Platz darunter den umschließenden Block, um zu beobachten, dass das Element am unteren Rand fixiert bleibt.

Das obige ist der detaillierte Inhalt vonWarum erscheint mein Sticky-Positioned-Element mit „unten: 0' nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!