Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : window.scrollBy()

Déroule les ascenseurs

Syntaxe
void window.scrollBy(Integer x, Integer y)

Compatible tous navigateurs

Description
Active l'ascenseur horizontal de x pixels et l'ascenseur vertical de y pixels.
Voir aussi scrollTo() pour fixer une position aux ascenseurs.

Les propriétés scrollX et scrollY permettent d'accéder aux positions des ascenseurs.

La méthode scrollIntoView() appliquée sur un élément HTML permet de le rendre visible via un scroll automatique.


Exemple 1 : Ascenseur
Code source
<script type="text/javascript">
   function Scroller() {
       window.scrollBy(0,100);
       window.scrollBy(0,10);
       window.scrollBy(0,10);
       console.log("Scroll : "+window.scrollX + "," +window.scrollY);
   }
   setTimeout("Scroller()", 2000);
</script>

Résultat
Emulation de la console
Explication
Ce script allonge la page en ajoutant des retours à la ligne et fait descendre le scrolling de 100 puis 10 et encore 10 pixels au bout de 2000 millisecondes.
Affiche la position des ascenseurs dans la console.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 19/04/2024 04:51:26 sur php 7 en 112.75 ms