CSS-scroll-snapping

Je navigeert door een webpagina en plotseling stopt het scrollen abrupt op een willekeurig deel van de pagina, zoals een afbeelding of een klap in het midden van een alinea. Dit komt omdat scrollen mist inherent precisie , iets dat ontwikkelaars al eeuwen proberen op te lossen met JavaScript.

Dat leidde echter niet altijd tot de beste resultaten, en JavaScript-bibliotheken voor carrousels, animaties en horizontale en verticale scroll-interacties verbruiken veel CPU-kracht. Met de CSS-eigenschap van het scroll-snap-type geef je JavaScript de kans! Deze nieuwe module vergrendelt de viewport van de gebruiker op het gewenste deel van jouw website of component nadat de gebruiker klaar is met scrollen. Het beste deel? Het effect is volledig gecontroleerd binnen CSS.