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
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