aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/-ms-scroll-translation/index.html
blob: 0246236b599eba2ab5c65fbc4747e3f6441dd4c0 (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
---
title: '-ms-scroll-translation'
slug: Web/CSS/-ms-scroll-translation
tags:
  - CSS
  - Non-standard
  - Reference
translation_of: Archive/Web/CSS/-ms-scroll-translation
---
<div>{{CSSRef}}{{non-standard_header}}</div>

<p>La propriété CSS <strong><code>-ms-scroll-translation</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.</p>

<p>{{cssinfo}}</p>

<h2 id="Syntaxe">Syntaxe</h2>

<h3 id="Values" name="Values">Valeurs</h3>

<dl>
 <dt><code>vertical-to-horizontal</code></dt>
 <dd>
 <p>Une translation verticale/horizontale est appliquée lorsque c'est pertinent.</p>
 </dd>
 <dt><code>none</code></dt>
 <dd>
 <p>Aucune translation n'est appliquée. C'est la valeur initiale pour l'élément {{HTMLElement("html")}}.</p>
 </dd>
 <dt><code>inherit</code></dt>
 <dd>
 <p>La valeur initiale : la valeur de la propriété est héritée via la valeur de l'élément parent.</p>
 </dd>
</dl>

<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3>

<pre class="syntaxbox">{{csssyntax}}
</pre>

<h2 id="Spécifications">Spécifications</h2>

<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p>

<p>{{cssinfo}}</p>

<h2 id="Remarks" name="Remarks"><a name="Remarks">Notes</a></h2>

<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur</p>

<p>Si le code JavaScript de la page écoute les évènements DOM liés au défilement, les évènements relatifs au défilement vertical et au défilement horizontal sont distincts et correspondent à l'axe selon lequel l'utilisateur a défilé. La propriété <code>-ms-scroll-translation</code>, avec la valeur <code>vertical-to-horizontal</code>, permet de transformer les évènements de défilement vertical en évènements de défilement horizontal.</p>

<p>Cette propriété n'a pas d'impact lorsqu'on navigue avec le clavier.</p>

<p>Les modèles CSS par défaut pour les applications Windows qui utilisent JavaScript, "ui-light.css" et "ui-dark.css" utilisent la valeur <code>vertical-to-horizontal</code> sur l'élément {{HTMLElement("html")}}.</p>