From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- .../web/css/-webkit-overflow-scrolling/index.html | 84 ---------------------- .../fr/web/css/-webkit-overflow-scrolling/index.md | 84 ++++++++++++++++++++++ 2 files changed, 84 insertions(+), 84 deletions(-) delete mode 100644 files/fr/web/css/-webkit-overflow-scrolling/index.html create mode 100644 files/fr/web/css/-webkit-overflow-scrolling/index.md (limited to 'files/fr/web/css/-webkit-overflow-scrolling') diff --git a/files/fr/web/css/-webkit-overflow-scrolling/index.html b/files/fr/web/css/-webkit-overflow-scrolling/index.html deleted file mode 100644 index 5f6b8e2325..0000000000 --- a/files/fr/web/css/-webkit-overflow-scrolling/index.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: '-webkit-overflow-scrolling' -slug: Web/CSS/-webkit-overflow-scrolling -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Web/CSS/-webkit-overflow-scrolling ---- -
{{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.

- -

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.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
div {
-  width: 100%;
-  overflow: auto;
-}
-
-p {
-  width: 200%;
-  background: #f5f9fa;
-  border: 2px solid #eaf2f4;
-  padding: 10px;
-}
-
-.scroll-touch {
-  -webkit-overflow-scrolling: touch; /* on laisse le défilement se poursuivre */
-}
-
-.scroll-auto {
-  -webkit-overflow-scrolling: auto; /* on arrête le défilement immédiatement */
-}
- -

HTML

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

Résultat

- -

{{EmbedLiveSample('Exemples')}}

- -

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.

- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/css/-webkit-overflow-scrolling/index.md b/files/fr/web/css/-webkit-overflow-scrolling/index.md new file mode 100644 index 0000000000..5f6b8e2325 --- /dev/null +++ b/files/fr/web/css/-webkit-overflow-scrolling/index.md @@ -0,0 +1,84 @@ +--- +title: '-webkit-overflow-scrolling' +slug: Web/CSS/-webkit-overflow-scrolling +tags: + - CSS + - Non-standard + - Propriété + - Reference +translation_of: Web/CSS/-webkit-overflow-scrolling +--- +
{{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.

+ +

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.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
div {
+  width: 100%;
+  overflow: auto;
+}
+
+p {
+  width: 200%;
+  background: #f5f9fa;
+  border: 2px solid #eaf2f4;
+  padding: 10px;
+}
+
+.scroll-touch {
+  -webkit-overflow-scrolling: touch; /* on laisse le défilement se poursuivre */
+}
+
+.scroll-auto {
+  -webkit-overflow-scrolling: auto; /* on arrête le défilement immédiatement */
+}
+ +

HTML

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

Résultat

+ +

{{EmbedLiveSample('Exemples')}}

+ +

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.

+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf