position:sticky; funktioniert nicht?

fxxu

Wenn die Klasse .sprd-basket-checkout das untere Ende des Containers erreicht, wird es fixiert und bleibt an seiner Position, während der Rest der Seite weiter scrollt.

Code

.sprd-basket-checkout {
    bottom: 0;    
    box-shadow: 0 -5px 4px 0 rgb(0 0 0 / 15%);    
    position: -webkit-sticky;    
    position: sticky;
}

So sollte das ganze Aussehen:

css.PNG

Nur leider funktioniert es nicht... Kann mir da jemand helfen? Hier der Link zur Seite.

nextuser

Hi fxxu,

es funktioniert nicht, da es das normale Verhalen von position: sticky ist.

Es hängt am nächstmöglichen Elternelement, welches "scrollbar" ist.

Und nach deinem oberen div-Container (mcb-section-wqa5pqf9m) folgen ja weitere Container.

Dein sticky-Element hängt aber nur an einem Element innerhalb des ersten divs.

Wenn du diesen ersten div-Container zu Ende scrollst und zum nächsten übergehst, so endet natürlich auch dein sticky-Element...

Btw... Ich würde dir auch raten, mal an den Anfragen & der Ladezeit zu pfeilen.

position:sticky; funktioniert nicht?

Jetzt mitmachen!

Tags