Méthode Window scrollBy()

Définition et utilisation

scrollBy() La méthode fait défiler le document d'un certain nombre de pixels spécifiés.

Astuce :Pour que scrollBy() La méthode fonctionne si le document est plus grand que l'écran et que la barre de défilement est visible.

Voir également :

Méthode scrollTo()

Exemple

Exemple 1

Défiler horizontalement le document de 100px :

window.scrollBy(100, 0);

Essayez-le vous-même

Exemple 2

Défiler verticalement le document de 100px :

window.scrollBy(0, 100);

Essayez-le vous-même

Exemple 3

Défiler le document de haut en bas :

<button onclick="scrollWin(0, 50)">Défiler vers le bas</button>
<button onclick="scrollWin(0, -50)">Défiler vers le haut</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Essayez-le vous-même

Exemple 4

Défiler le document de gauche à droite :

<button onclick="scrollWin(100, 0)">Défiler à droite</button>
<button onclick="scrollWin(-100, 0)">Défiler à gauche</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Essayez-le vous-même

Syntaxe

window.scrollBy(x, y)

ou :

scrollBy(x, y)

Paramètre

Paramètre Description
x

Obligatoire. Le nombre de pixels à faire défiler (horizontalement).

La valeur positive fait défiler vers la droite, la valeur négative vers la gauche.
y

Obligatoire. Nombre de pixels à faire défiler (verticalement).

Valeur positive pour faire défiler vers le bas, valeur négative pour faire défiler vers le haut.

Valeur de retour

Aucun.

Support du navigateur

Tous les navigateurs le supportent scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support