Het WordPress kennisplatform voor creatieve ondernemers

Happy Business Kit

Scroll functie

Scrollen met een knop

Je ziet het regelmatig voorbij komen. Je klikt op een knop en je scrollt automatisch door naar een andere plek op de pagina. Vooral bij onepagers is dit een super fijne functie, maar hoe doe je dit? Dat ga ik je in dit artikel laten zien! 

Scrollen door middel van een knop

Als je eenmaal weet hoe de functie werkt, is het ontzettend makkelijk! Je kunt de functie triggeren door in het linkgedeelte van de knop ‘#onderdeel’ te zetten. Het enige wat je dan nog hoeft te doen, is er voor zorgen dat deze link ergens naar toe gaat.  

Stap 1. Maak een knop aan die je wilt gaan laten doorscrollen naar een onderdeel op je website.
Stap 2. Zet op de plek van de URL ‘#onderdeel‘, waarbij je ‘onderdeel’ kunt veranderen in iets wat verwijst naar het onderdeel waar je heen scrollt.  
Stap 3. Ga nu naar het onderdeel waar je heen wil scrollen en ga naar ‘geavanceerd’. 
Stap 4. Bij ‘Geavanceerd’ voeg je de term die je bij ‘onderdeel‘ hebt ingevuld bij het kopje ‘CSS ID‘. Op deze manier weet de knop waar die heen moet scrollen. 
Stap 5. Test de knop uit!

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd.

Anouk Martens

Anouk Martens

Hi, ik ben Anouk Martens en met mijn bedrijf Anouk Martens Producties help ik ondernemers online te shinen door middel van websites & fotografie! ☆