Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Window.scrollTo()
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La méthodeWindow.scrollTo() permet de faire défiler la fenêtre pour atteindre les coordonnées données dans le document.
Dans cet article
Syntaxe
scrollTo(x_coord, y_coord);scrollTo(options);Paramètres
x_coordLe pixel sur l'axe horizontal du document dont on veut qu'il soit affiché dans le coin supérieur gauche.
y_coordLe pixel sur l'axe vertical du document dont on veut qu'il soit affiché dans le coin supérieur gauche.
ou
optionsUn dictionnaire avec les paramètres suivants :
topIndique le nombre de pixels le long desquels faire défiler la fenêtre ou l'élément sur l'axe vertical.
leftIndique le nombre de pixels le long desquels faire défiler la fenêtre ou l'élément sur l'axe horizontal.
behaviorIndique si le défilement devrait être instantané ou doux. Cette option est une chaine de caractères qui doit être l'une de ces valeurs :
smooth: le défilement doit s'animer en douceurinstant: le défilement devrait se produire instantanément, en un seul sautauto: le comportement de défilement est déterminé par la valeur calculée de (scroll-behavior)
Valeur de retour
Aucune (undefined).
Exemples
>Usage simple
window.scrollTo(0, 1000);En utilisantoptions
window.scrollTo({ top: 100, left: 100, behavior: "smooth",});Notes
Window.scroll() est la même que cette méthode. Pour le défilement relatif, voir les méthodesWindow.scrollBy(),Window.scrollByLines(), etWindow.scrollByPages().
Pour le défilement des éléments, voirElement.scrollTop etElement.scrollLeft.
Spécifications
| Specification |
|---|
| CSSOM View Module> # dom-window-scrollto> |