Générateur de disposition de défilement CSS Snap Générer des dispositions de défilement CSS Snap pour le défilement horizontal et vertical avec alignement de capture.

Le CSS Scroll Snap utilise deux principales propriétés : scroll-snap-type sur le conteneur et scroll-snap-align sur les éléments. La propriété scroll-snap-type prend un axe (x, y ou les deux) et une valeur de rigidité (obligatoire ou proximité). La valeur obligatoire force la position du défilement à se positionner automatiquement sur un point de saisie, tandis que la proximité ne se positionne qu'à proximité d'un point de saisie. La propriété scroll-snap-align des éléments définit où l'élément se positionne : le début s'aligne sur le début du conteneur, le centre sur le milieu et la fin sur la fin du conteneur. Les propriétés supplémentaires incluent scroll-padding sur le conteneur pour les positions de saisie décalées et scroll-margin sur les éléments pour des décalages de saisie individuels. Pour que la saisie fonctionne, le conteneur a besoin d'une propriété overflow avec la valeur auto ou scroll et de dimensions définies. Le comportement du défilement est fluide et utilise le défilement natif du navigateur, offrant ainsi une excellente performance. Les navigateurs modernes prennent en charge intégralement la saisie par défilement sans préfixe de fournisseur.