Wat is het verschil tussen sticky en fixed?

Sticky plakt pas vast vanaf het moment dat je erlangs scrollt; fixed staat altijd op dezelfde plek, ook bovenaan de pagina.

Het zijn twee instellingen in je opmaak.

In de praktijk levert sticky een rustiger resultaat op.

Sticky

Je element gedraagt zich eerst gewoon en plakt zich vast zodra het de bovenkant van je scherm raakt.

Meer daarover lees je bij css.

Fixed

Je element staat vanaf de eerste seconde op een vaste plek en beweegt nooit mee met je pagina.

Meer daarover lees je bij frontend.

Waarom sticky prettiger is

Bovenaan je pagina heb je alle ruimte voor je koptekst. Pas als iemand scrollt, verschijnt de compacte balk.

Meer daarover lees je bij hoeveel ruimte een sticky menu mag innemen.

Mijn vuistregels

1. Menu’s: sticky.
2. Terugknop naar boven: fixed.
3. Cookiemelding: fixed onderaan.
4. Test allebei op een telefoon.

Die tweede hoort altijd zichtbaar te zijn, dus daar past fixed.

Waar fixed wel past

Bij een terugknop, een chatvenster of een cookiemelding. Dingen die los van je pagina-inhoud staan.

Meer daarover lees je bij call to action.

Wat je op mobiel merkt

Fixed elementen kunnen verspringen als de adresbalk verschijnt. Sticky heeft daar minder last van.

Meer daarover lees je bij mobile first.

Veelgestelde vragen hierover