Wat is scrollend Event Snippet Generator?
Het scrollend-event is een browser-native event dat wordt geactiveerd wanneer scrollen volledig is voltooid — inclusief momentum-scrollen, rubber-banding en inertie-uitdoving. Het vuurt precies een keer wanneer de scroll-beweging van de gebruiker echt is voltooid, zowel voor programmatisch als door de gebruiker geinitieerd scrollen. Baseline 2025, ondersteund in Chrome 114+, Edge 114+, Safari 17.5+ en Firefox 131+.
Snel antwoord
Het scrollend-event vuurt wanneer scrollen volledig is voltooid inclusief momentum en inertie. In tegenstelling tot gedebouncte scroll-handlers die het einde raden, is scrollend een browser-native signaal dat precies een keer vuurt op de ware eindpositie. Baseline 2025 (Chrome 114+, Safari 17.5+, Firefox 131+).
Last updated: 2026-06-02
Beperkingen
- scrollend vuurt alleen op elementen met daadwerkelijke scrollbare overflow.
- scrollend vuurt niet tijdens continu scrollen — het signaleert alleen voltooiing.
- scrollend kan mogelijk niet vuren voor onderbroken programmatisch scrollen.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Selecteer het snippet-type: basis scrollend-listener, scrollend met positielogging, of een vergelijking met gedebounct scroll.
- Configureer het scrolldoelwit: window of een specifiek element met overflow:scroll.
- Pas de handler-actie aan: log de eindpositie, werk een UI-element bij of laad meer content.
- Kopieer het JavaScript-snippet. Het vergelijkingssnippet toont beide benaderingen met tijdslabels.
Waarvoor je het kunt gebruiken
- Activeer infinite scroll-contentladen alleen wanneer de gebruiker echt is gestopt met scrollen.
- Werk een sticky inhoudsopgave of voortgangsindicator bij op de exacte uiteindelijke scrollpositie.
- Activeer analytics-gebeurtenissen bij het voltooien van scrollen voor nauwkeurige meting.