Window: scrollBy() Methode

xCoord

Der horizontale Pixelwert, um den gescrollt werden soll.

yCoord

Der vertikale Pixelwert, um den gescrollt werden soll.

options

Ein Objekt, das die folgenden Eigenschaften enthält:

top

Gibt die Anzahl von Pixeln entlang der Y-Achse an, um die das Fenster oder Element gescrollt werden soll.

left

Gibt die Anzahl von Pixeln entlang der X-Achse an, um die das Fenster oder Element gescrollt werden soll.

behavior

Gibt an, ob das Scrollen sanft animiert werden soll (smooth), sofort in einem Sprung erfolgen soll (instant), oder vom Browser gewählt werden soll (auto, Standard).

Keiner (undefined).

Um eine Seite nach unten zu scrollen:

window.scrollBy(0, window.innerHeight);

Um nach oben zu scrollen:

window.scrollBy(0, -window.innerHeight);

Verwendung von options:

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

window.scrollBy() scrollt um einen bestimmten Betrag, während window.scroll() zu einer absoluten Position im Dokument scrollt. Siehe auch window.scrollByLines() und window.scrollByPages().