Bouwen
Na het schetsen van de interactie, was het tijd om het te gaan maken in code. Ik heb gezien dat ik 4 secties achter elkaar wil plakken.
Op de afbeelding is de eerste sectie te zien. Het maken van deze interactie was soms even lastig. De indicator werkend krijgen met de juiste slide was lastig, maar heb ik werkend gekregen met een IntersectionObserver. De indicator werkt nu en dat duurde even om voor elkaar te krijgen.
Naast de indicator was het belangrijkste deel om alle secties achter elkaar te zetten en daarop een scrollsnap te implementeren.
Naast de checklist, is er ook de mogelijkheid om meer te lezen over een richtlijn. Dit is mogelijk door op "Meer Info" te drukken.
Zie afbeelding voor resultaat:
