Werkt parallax op mobiel?

Parallax werkt op mobiel meestal niet goed. Mobiele browsers negeren de vaste achtergrond bewust, en scriptvarianten voelen schokkerig aan.

Dat is geen fout maar een keuze van de browsermakers.

Zet het daarom gewoon uit op kleine schermen.

Waarom browsers het negeren

Omdat het scrollen anders hakkelt. Mobiele browsers schuiven de pagina in één beweging en een meebewegende achtergrond past daar niet in.

Meer daarover lees je bij css.

Wat je dan ziet

Een gewone achtergrond die meeschuift, of een beeld dat verspringt bij het verschijnen van de adresbalk.

Meer daarover lees je bij hero.

Wat je in plaats daarvan doet

Toon dezelfde afbeelding gewoon vast, zonder effect. Bezoekers missen niets, want ze kennen je bureaubladversie niet.

Meer daarover lees je bij pagespeed.

Mijn vuistregels

1. Zet het uit onder de duizend pixels breed.
2. Laad daar een kleinere afbeelding.
3. Controleer of je pagina niet verspringt.
4. Test op een echt toestel.

Die tweede scheelt op een mobiele verbinding het meest.

De adresbalk

Die verdwijnt en verschijnt tijdens het scrollen, waardoor je schermhoogte verandert. Een vaste achtergrond springt daardoor.

Meer daarover lees je bij accessibility.

Wat je overhoudt

Een rustige, snelle pagina. Op een telefoon is dat meer waard dan een effect.

Meer daarover lees je bij of parallax slecht is voor je laadtijd.

Veelgestelde vragen hierover