Window.scroll()

Syntaxe

window.scroll(x, y);
window.scroll(options);

Paramtres

x

Le numro de pixel sur l'axe horizontal du document qu'on souhaite avoir affich dans le coin suprieur gauche.

y

Le numro de pixel sur l'axe vertical du document qu'on souhaite avoir affich dans le coin suprieur gauche.

Ou avec options :

options

Un dictionnaire qui contient les paramtres suivants :

top

Indique le nombre de pixels sur l'axe vertical le long desquels faire dfiler la fentre ou l'lment.

left

Indique le nombre de pixels sur l'axe horizontal le long desquels faire dfiler la fentre ou l'lment.

behavior

Indique si le dfilement devrait tre instantan ou doux. Cette option est une chaine de caractres qui doit tre l'une de ces valeurs :

• smooth : le dfilement doit s'animer en douceur
• instant : le dfilement devrait se produire instantanment, en un seul saut
• auto : le comportement de dfilement est dtermin par la valeur calcule de (scroll-behavior)

Exemples

<!-- On place le 100e pixel, sur l'axe vertical, en haut de la fentre -->

<button >
  Cliquez pour faire dfiler jusqu'au 100e pixel
</button>

Avec options :

window.scroll({
  top: 100,
  left: 100,
  behavior: "smooth",
});

Notes

Window.scrollTo() est en pratique identique cette mthode. Pour le dfilement relatif, voir les mthodes Window.scrollBy(), Window.scrollByLines(), et Window.scrollByPages().

Pour faire dfiler les lments, voir Element.scrollTop et Element.scrollLeft.

Spcifications

Compatibilit des navigateurs

Voir aussi

• Window.scrollByLines()
• Window.scrollByPages()
• Element.scrollIntoView()