Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
In diesem Artikel
Syntax
scrollTo(xCoord, yCoord)scrollTo(options)Parameter
xCoordDas Pixel entlang der horizontalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.
yCoordDas Pixel entlang der vertikalen Achse des Dokuments, das Sie in der oberen linken Ecke anzeigen möchten.
optionsEin Objekt, das die folgenden Eigenschaften enthält:
topGibt die Anzahl der Pixel entlang der Y-Achse an, um das Fenster oder Element zu scrollen.
leftGibt die Anzahl der Pixel entlang der X-Achse an, um das Fenster oder Element zu scrollen.
behaviorBestimmt, 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 werdeninstant: Das Scrollen sollte sofort und in einem einzigen Sprung erfolgenauto: Das Scrollverhalten wird durch den berechneten Wert vonscroll-behaviorbestimmt
Rückgabewert
Kein (undefined).
Beispiele
window.scrollTo(0, 1000);Verwendung vonoptions:
window.scrollTo({ top: 100, left: 100, behavior: "smooth",});Hinweise
Window.scroll() ist im Wesentlichen dasselbe wie diese Methode. Für relatives Scrollen sieheWindow.scrollBy(),Window.scrollByLines() undWindow.scrollByPages().
Für das Scrollen von Elementen sieheElement.scrollTop undElement.scrollLeft.
Spezifikationen
| Specification |
|---|
| CSSOM View Module> # dom-window-scrollto> |