From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- .../fr/web/css/-webkit-overflow-scrolling/index.md | 70 +++++++++++----------- 1 file changed, 35 insertions(+), 35 deletions(-) (limited to 'files/fr/web/css/-webkit-overflow-scrolling') diff --git a/files/fr/web/css/-webkit-overflow-scrolling/index.md b/files/fr/web/css/-webkit-overflow-scrolling/index.md index 5f6b8e2325..637e8403d3 100644 --- a/files/fr/web/css/-webkit-overflow-scrolling/index.md +++ b/files/fr/web/css/-webkit-overflow-scrolling/index.md @@ -8,28 +8,27 @@ tags: - Reference translation_of: Web/CSS/-webkit-overflow-scrolling --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} -

La propriété -webkit-overflow-scrolling permet de contrôler si l'appareil tactile utilise l'inertie pour faire défiler l'élément visé par la déclaration.

+La propriété **`-webkit-overflow-scrolling`** permet de contrôler si l'appareil tactile utilise l'inertie pour faire défiler l'élément visé par la déclaration. -

Valeurs

+## Valeurs -
-
auto
-
Le défilement « normal » est utilisé : le défilement s'arrête dès que le doigt ne touche plus l'écran.
-
touch
-
Le défilement simule une certaine inertie : le contenu continue à défiler légèrement après que le toucher soit fini. La vitesse et la durée du défilement sont proportionnelles à la vitesse de déplacement du doigt sur l'écran. Cela crée un nouveau contexte d'empilement.
-
+- `auto` + - : Le défilement « normal » est utilisé : le défilement s'arrête dès que le doigt ne touche plus l'écran. +- `touch` + - : Le défilement simule une certaine inertie : le contenu continue à défiler légèrement après que le toucher soit fini. La vitesse et la durée du défilement sont proportionnelles à la vitesse de déplacement du doigt sur l'écran. Cela crée un nouveau contexte d'empilement. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
div {
+```css
+div {
   width: 100%;
   overflow: auto;
 }
@@ -47,38 +46,39 @@ p {
 
 .scroll-auto {
   -webkit-overflow-scrolling: auto; /* on arrête le défilement immédiatement */
-}
+} +``` -

HTML

+### HTML -
<div class="scroll-touch">
-  <p>
+```html
+
+

Ce paragraphe a un défilement inertiel. - </p> -</div> -<div class="scroll-auto"> - <p> +

+
+
+

Pas celui-ci. - </p> -</div>

+

+ +``` -

Résultat

+### Résultat -

{{EmbedLiveSample('Exemples')}}

+{{EmbedLiveSample('Exemples')}} -

Spécifications

+## Spécifications -

Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification. Elle est documentée dans la référence CSS de Safari.

+Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification. Elle est documentée dans [la référence CSS de Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-overflow-scrolling). -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.-webkit-overflow-scrolling")}}

+{{Compat("css.properties.-webkit-overflow-scrolling")}} -

Voir aussi

+## Voir aussi - +- [L'article de CSS-Tricks sur cette fonctionnalité, avec une démonstration (en anglais)](https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/) +- [Article de Smashing Magazine (en anglais) : décrire l'effet du rebondissement du scroll et le fonctionnement dans les différents navigateurs](https://www.smashingmagazine.com/2018/08/scroll-bouncing-websites/) -- cgit v1.2.3-54-g00ecf