Window: scrollTo() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Window.scrollTo() scrollt zu einem bestimmten Koordinatensatz im Dokument.

Syntax

scrollTo(xCoord, yCoord)
scrollTo(options)

Das Pixel entlang der horizontalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.

Das Pixel entlang der vertikalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.

Ein Objekt, das die folgenden Eigenschaften enthält:

Gibt die Anzahl der Pixel entlang der Y-Achse an, um das Fenster oder Element zu scrollen.

Gibt die Anzahl der Pixel entlang der X-Achse an, um das Fenster oder Element zu scrollen.

Bestimmt, ob das Scrollen sofort erfolgt oder sanft animiert wird. Diese Option ist eine Zeichenkette, die einen der folgenden Werte annehmen muss:

smooth: Das Scrollen sollte sanft animiert werden
instant: Das Scrollen sollte sofort und in einem einzigen Sprung erfolgen
auto: Das Scrollverhalten wird durch den berechneten Wert von scroll-behavior bestimmt

window.scrollTo(0, 1000);

Verwendung von options:

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

Window.scroll() ist im Wesentlichen dasselbe wie diese Methode. Für relatives Scrollen siehe Window.scrollBy(), Window.scrollByLines() und Window.scrollByPages().

Für das Scrollen von Elementen siehe Element.scrollTop und Element.scrollLeft.

Specification
CSSOM View Module # dom-window-scrollto

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.