Fenêtre scrollBy()
Exemple
Faites défiler le document de 100 px horizontalement :
window.scrollBy(100, 0);
Faites défiler le document de 100 px verticalement :
window.scrollBy(0, 100);
Plus d'exemples ci-dessous.
Définition et utilisation
La scrollBy()
méthode fait défiler le document du nombre de pixels spécifié.
Noter
Pour que la scrollBy()
méthode fonctionne, le document doit être plus grand que l'écran et la barre de défilement doit être visible.
Voir également:
Syntaxe
window.scrollBy(x, y)
ou juste:
scrollBy(x, y)
Paramètres
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Valeur de retour
RIEN |
Plus d'exemples
Faites défiler le document de haut en bas :
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Faites défiler le document vers la droite et vers la gauche :
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Prise en charge du navigateur
scrollBy()
est pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |