Derniers tutoriels de développement web
 

Fenêtre scrollBy() Method

<Object Window

Exemple

Faites défiler le document par 100px horizontalement:

window.scrollBy(100, 0);
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

Le scrollBy() méthode fait défiler le document par le nombre spécifié de pixels.

Note: Pour que cette méthode fonctionne, la propriété visible de la barre de défilement de la fenêtre doit être définie sur true!


Support du navigateur

méthode
scrollBy() Oui Oui Oui Oui Oui

Syntaxe

window.scrollBy( Les valeurs des paramètres
Paramètre Type La description
xnum Number Champs obligatoires. Combien de pixels pour faire défiler par, le long de l'axe x (horizontal) . Les valeurs positives faites défiler vers la gauche, tandis que les valeurs négatives défiler vers la droite
ynum Number Champs obligatoires. Combien de pixels pour faire défiler par, le long de l'axe y (vertical) . Les valeurs positives défiler vers le bas, tandis que les valeurs négatives défiler vers le haut

Détails techniques

Valeur de retour: Aucune valeur de retour

Exemples

autres exemples

Exemple

Faites défiler le document par 100px verticalement:

window.scrollBy(0, 100);
Essayez vous - même »

Exemple

Faites défiler le document horizontalement et verticalement:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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>
Essayez vous - même »

Pages associées

Objet de la fenêtre: href="met_win_scrollto.html"> scrollTo() Method


<Object Window