English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Manuel de référence JavaScript

Manuel de référence JS DOM

Méthode Window scrollBy()

Objet Window JavaScript

scrollBy()la méthode défile le document dans la fenêtre avec un certain nombre de pixels spécifiés.

scrollBy() défile d'un certain nombre de pixels spécifiés, tandis quewindow.scrollTo()Faites défiler vers la position absolue du document.

Syntaxe :

window.scrollBy(x-coord,　y-coord)
<bouton onclick="window.scrollBy(0,10">Cliquez</bouton>
Vérifiez et voyez‹/›

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement la méthode scrollBy() :

méthode
scrollBy()OuiOuiOuiOuiOui

Valeur du paramètre

ParamètresDescription
x-coordLa valeur horizontale en pixels que vous souhaitez faire défiler. Une valeur positive fera défiler vers la droite, tandis qu'une valeur négative fera défiler vers la gauche.
y-coordLa valeur verticale en pixels que vous souhaitez faire défiler. Une valeur positive fera défiler vers le bas, tandis qu'une valeur négative fera défiler vers le haut.

Détails techniques

Valeur de retour :Aucun

Plus d'exemples

Défiler le document verticalement100 pixels :

<bouton onclick="window.scrollBy(0,　100);">Cliquez</bouton>
Vérifiez et voyez‹/›

Défiler horizontalement et verticalement le document :

<bouton onclick="window.scrollBy(0,　50)">Défiler vers le bas</bouton>
<bouton onclick="window.scrollBy(0,　-50)">Défiler vers le haut</bouton>
<bouton onclick="window.scrollBy(0,100,　0)">Défiler à droite</bouton>
<bouton onclick="window.scrollBy(0,-100,　0)">Défiler à gauche</bouton>
Vérifiez et voyez‹/›

Références connexes

Référence fenêtre (Window) :méthode window.scrollTo()

Référence HTML DOM :elementpropriété .scrollLeft

Référence HTML DOM :elementpropriété .scrollTop

Objet Window JavaScript

Objet Storage JSObjet Window JavaScript