Question 1

Qu'est-ce que le scroll snap CSS?

Accepted Answer

Le scroll snap CSS est une fonctionnalité native du navigateur qui crée des points d'arrêt de défilement, faisant en sorte que les positions de défilement se calent sur des éléments spécifiques. Il offre une expérience de défilement fluide et contrôlée sans JavaScript, utile pour les carrousels, les sections pleine page et les galeries d'images.

Question 2

Quelle est la différence entre les types de snap mandatory et proximity?

Accepted Answer

Le snap mandatory signifie que le navigateur se cale toujours sur un point de snap après le défilement — l'utilisateur ne peut pas s'arrêter entre les éléments. Le snap proximity signifie que le navigateur se cale uniquement lorsque la position de défilement est proche d'un point de snap, permettant de s'arrêter entre les éléments lors d'un défilement rapide.

Question 3

Que fait scroll-snap-align?

Accepted Answer

scroll-snap-align contrôle quelle partie de l'élément enfant s'aligne sur le point de snap. Start aligne le bord de début, center aligne le milieu et end aligne le bord de fin. Il est appliqué aux éléments enfants, pas au conteneur de défilement.

Question 4

Puis-je combiner le scroll snap horizontal et vertical?

Accepted Answer

Oui, vous pouvez configurer le comportement de snap horizontal et vertical indépendamment. Par exemple, scroll-snap-type: both mandatory crée un snap dans les deux directions. C'est utile pour les mises en page basées sur des grilles où vous voulez un comportement de snap sur les deux axes.

Question 5

Qu'est-ce que scroll-snap-stop?

Accepted Answer

scroll-snap-stop contrôle si un défilement rapide peut passer les points de snap. La valeur par défaut always permet de les passer. La valeur always force le défilement à s'arrêter à chaque point de snap même lors d'un défilement rapide, ce qui est utile pour le contenu critique comme les diapositives d'intégration.

Générateur CSS Scroll Snap

Questions Fréquentes

Comments & Feedback