Wat is parallax?

Parallax is een effect waarbij je achtergrond trager meeschuift dan de tekst ervoor. Daardoor lijkt het alsof de achtergrond verder weg ligt.

Het bootst na wat je uit een treinraam ziet: de berg op de achtergrond beweegt langzamer dan de paal langs het spoor.

Op een website is dat puur sier.

Hoe het werkt

Bij het scrollen verplaatst je achtergrond zich met een kleinere stap dan de rest. Dat verschil in snelheid maakt het effect.

Meer daarover lees je bij css.

Waar je het ziet

Meestal bovenaan een pagina, achter de grote kop, of tussen twee secties in als scheiding.

Meer daarover lees je bij hero.

Waarom het populair werd

Rond 2013 gebruikte vrijwel elke lange pagina het. Sindsdien is het rustiger geworden, maar het wordt nog steeds toegepast.

Meer daarover lees je bij of parallax nog van deze tijd is.

Mijn vuistregels

1. Hooguit één keer per pagina.
2. Alleen met een rustige achtergrond.
3. Uitzetten op mobiel.
4. Respecteer de voorkeur voor minder beweging.

Die laatste is een instelling in het besturingssysteem en die hoor je te volgen.

Wat het kost

Een zwaardere afbeelding en wat rekenwerk tijdens het scrollen. Op een oudere telefoon voelt dat schokkerig.

Meer daarover lees je bij pagespeed.

Zonder script

Er bestaat een eenvoudige variant die alleen met opmaak werkt. Die is lichter, maar minder verfijnd.

Meer daarover lees je bij javascript.

Veelgestelde vragen hierover