English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
scrollTo()la méthode défile le document à une position spécifiée par les coordonnées.
La méthode scrollTo() fait défiler le document à une position absolue, tandis quewindow.scrollBy()Défilez le document d'un certain nombre de pixels spécifiés.
Pour les éléments de défilement, voirelement.scrollTopetelement.scrollLeft。
window.scrollTo(x-coord, y-coord)
<bouton onclick="window.scrollTo(500, 0);">Cliquez</bouton>Vérifiez et voyez‹/›
Tous les navigateurs prennent en charge intégralement la méthode scrollTo() :
Méthode | |||||
scrollTo() | Oui | Oui | Oui | Oui | Oui |
Paramètres | Description |
---|---|
x-coord | Pour afficher les pixels sur l'axe horizontal du document en haut à gauche |
y-coord | Pour afficher les pixels sur l'axe vertical du document, situés en haut à gauche |
Valeur de retour : | Aucun |
---|
Défiler le document verticalement500 pixels :
<bouton onclick="window.scrollTo(0, 500);">Cliquez</bouton>Vérifiez et voyez‹/›
Défiler horizontalement et verticalement le document :
<bouton onclick="window.scrollTo(0, 50)">Défiler vers le bas</bouton> <bouton onclick="window.scrollTo(0, -50)">Défiler vers le haut</bouton> <bouton onclick="window.scrollTo(300, 0)">Défiler à droite</bouton> <bouton onclick="window.scrollTo(-300, 0)">Défiler à gauche</bouton>Vérifiez et voyez‹/›
Référence Fenêtre (Window) :méthode window.scrollBy()
Référence HTML DOM :element .scrollLeft propriété
Référence HTML DOM :element .scrollTop propriété