Een DIV dynamisch een position fixed geven
Nu zou ik eigenlijk graag willen dat de zoekbalk bovenin het scherm blijft staan.
Bijvoorbeeld bij Marktplaats werkt dat zo. Zodra de zoekbalk de bovenkant van het scherm raakt, krijgt hij de position fixed en blijft vervolgens staan, terwijl de content doorscrollt.
Ik heb er dagen op gezeten, maar het lukt mij niet de vinger er achter te krijgen.
Wie kan mij vertellen hoe je dat voor elkaar krijgt.
Gewijzigd op 06/02/2017 12:35:35 door Jovank vank
Voorbeelden zijn:
http://stickyjs.com/
http://www.webdesignerdepot.com/2014/05/how-to-create-an-animated-sticky-header-with-css3-and-jquery/
Je oplossing werkt vast en zeker, maar ik heb zojuist ook een oplossing gevonden.
Voor de geïnteresseerden:
Ik heb de functie $(window).scroll(function() gebruikt en bepaal daarmee de positie van de scrollbar. In de gewenste positie, dus als de te fixeren DIV bovenaanstaat geef ik hem met de functie een .addclass. Die stelt de positie op 0px 0px en fixed. Is de positie van de scrollbar weer minder dan verwijder ik de addclass.
Werkt fantastisch.