Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
La propriété CSS -ms-scroll-translation est une propriété spécifique à Microsoft qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.
| Valeur initiale | none |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Média | interactif |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
Valeurs
vertical-to-horizontal-
Une translation verticale/horizontale est appliquée lorsque c'est pertinent.
none-
Aucune translation n'est appliquée. C'est la valeur initiale pour l'élément
<html>. inherit-
La valeur initiale : la valeur de la propriété est héritée via la valeur de l'élément parent.
Syntaxe formelle
none | vertical-to-horizontal
Spécifications
Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.
| Valeur initiale | none |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Média | interactif |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Notes
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
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é -ms-scroll-translation, avec la valeur vertical-to-horizontal, permet de transformer les évènements de défilement vertical en évènements de défilement horizontal.
Cette propriété n'a pas d'impact lorsqu'on navigue avec le clavier.
Les modèles CSS par défaut pour les applications Windows qui utilisent JavaScript, "ui-light.css" et "ui-dark.css" utilisent la valeur vertical-to-horizontal sur l'élément <html>.