---
title: CSS Scroll Snap
slug: Web/CSS/CSS_Scroll_Snap
tags:
  - CSS
  - CSS Scroll Snap
  - Reference
  - Vue d'ensemble
translation_of: Web/CSS/CSS_Scroll_Snap
---
{{CSSRef}}

**_CSS Scroll Snap_** est un module de spécification CSS qui introduit les positions d'accroche lors du défilement. Cela permet de garantir la position sur laquelle on arrive après avoir fait défiler du contenu.

> **Note :** La version précédente ce module, _Scroll Snap Points_, est dépréciée et est désormais remplacée par _CSS Scroll Snap_.

## Référence

### Propriétés CSS applicables aux conteneurs

- {{cssxref("scroll-snap-type")}}
- {{cssxref("scroll-snap-stop")}}
- {{cssxref("scroll-padding")}}
- {{cssxref("scroll-padding-top")}}
- {{cssxref("scroll-padding-right")}}
- {{cssxref("scroll-padding-bottom")}}
- {{cssxref("scroll-padding-left")}}
- {{cssxref("scroll-padding-inline")}}
- {{cssxref("scroll-padding-inline-start")}}
- {{cssxref("scroll-padding-inline-end")}}
- {{cssxref("scroll-padding-block")}}
- {{cssxref("scroll-padding-block-start")}}
- {{cssxref("scroll-padding-block-end")}}

### Propriétés CSS applicables aux éléments enfants

- {{cssxref("scroll-snap-align")}}
- {{cssxref("scroll-margin")}}
- {{cssxref("scroll-margin-top")}}
- {{cssxref("scroll-margin-right")}}
- {{cssxref("scroll-margin-bottom")}}
- {{cssxref("scroll-margin-left")}}
- {{cssxref("scroll-margin-inline")}}
- {{cssxref("scroll-margin-inline-start")}}
- {{cssxref("scroll-margin-inline-end")}}
- {{cssxref("scroll-margin-block")}}
- {{cssxref("scroll-margin-block-start")}}
- {{cssxref("scroll-margin-block-end")}}

## Guides

- [Concepts de bases pour _CSS Scroll Snap_](/fr/docs/Web/CSS/CSS_Scroll_Snap/Concepts_de_base)
- [Compatiblité des navigateurs et _CSS Scroll Snap_](/fr/docs/Web/CSS/CSS_Scroll_Snap/Compatibilit%C3%A9_navigateurs)

## Spécifications

| Spécification                                        | État                                             | Commentaires         |
| ---------------------------------------------------- | ------------------------------------------------ | -------------------- |
| {{SpecName("CSS Scroll Snap Points")}} | {{Spec2("CSS Scroll Snap Points")}} | Définition initiale. |

## Compatibilité des navigateurs

Les informations de compatibilité sont présentes sur chacune des pages des propriétés. [Voir le guide sur la compatibilité des navigateurs](/fr/docs/Web/CSS/CSS_Scroll_Snap/Compatibilit%C3%A9_navigateurs) afin de comprendre comment les différentes versions de la spécification sont implémentées.