Wat is een sticky menu?

Een sticky menu blijft bovenaan je scherm staan terwijl je bezoeker naar beneden scrollt. Je navigatie is daardoor altijd binnen bereik.

Het woord betekent letterlijk plakkend.

Je komt het tegen op vrijwel elke moderne website.

Hoe het werkt

Je menu staat eerst gewoon in je koptekst en klikt zich vast zodra je erlangs scrollt.

Meer daarover lees je bij css.

Wat je erin zet

Je logo, je belangrijkste menu-items en je belangrijkste knop. Meer past er niet in een smalle balk.

Meer daarover lees je bij navigatie.

Waarom het populair is

Op lange pagina’s hoeft niemand meer terug naar boven. Dat scheelt scrollen en het houdt je actie zichtbaar.

Meer daarover lees je bij of een sticky menu goed is.

Mijn vuistregels

1. Maak hem smaller na het scrollen.
2. Hooguit tien procent van je schermhoogte.
3. Zet je belangrijkste knop erin.
4. Op mobiel: alleen als het echt past.

Die eerste is het verschil tussen behulpzaam en in de weg.

Wat het kost

Ruimte. Elke pixel die je menu inneemt, gaat af van je inhoud, en op een telefoon is dat pijnlijk.

Meer daarover lees je bij hoeveel ruimte hij mag innemen.

Het verwante begrip

Sticky is niet hetzelfde als fixed. Het eerste plakt vanaf een bepaald punt, het tweede staat er altijd.

Meer daarover lees je bij frontend.

Veelgestelde vragen hierover