Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Window: scrollBy() 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.
DieWindow.scrollBy() Methode scrollt das Dokument im Fenster um den angegebenen Betrag.
Syntax
scrollBy(xCoord, yCoord)scrollBy(options)Parameter
xCoordDer horizontale Pixelwert, um den gescrollt werden soll.
yCoordDer vertikale Pixelwert, um den gescrollt werden soll.
optionsEin Objekt, das die folgenden Eigenschaften enthält:
topGibt die Anzahl von Pixeln entlang der Y-Achse an, um die das Fenster oder Element gescrollt werden soll.
leftGibt die Anzahl von Pixeln entlang der X-Achse an, um die das Fenster oder Element gescrollt werden soll.
behaviorGibt 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).
Rückgabewert
Keiner (undefined).
Beispiele
Um eine Seite nach unten zu scrollen:
window.scrollBy(0, window.innerHeight);Um nach oben zu scrollen:
window.scrollBy(0, -window.innerHeight);Verwendung vonoptions:
window.scrollBy({ top: 100, left: 100, behavior: "smooth",});Anmerkungen
window.scrollBy() scrollt um einen bestimmten Betrag, währendwindow.scroll() zu einer absoluten Position im Dokument scrollt. Siehe auchwindow.scrollByLines() undwindow.scrollByPages().
Spezifikationen
| Specification |
|---|
| CSSOM View Module # dom-window-scrollby |