blob: 6e2c73b659b60a8abe81d9ac0b9c6e15c239d49e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
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.
|
