position:sticky; funktioniert nicht?

  • 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.




  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!