Window: scrollBy() Methode
Die Window.scrollBy()
Methode scrollt das Dokument im Fenster um den angegebenen Betrag.
Syntax
scrollBy(xCoord, yCoord)
scrollBy(options)
Parameter
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).
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 von options
:
window.scrollBy({
top: 100,
left: 100,
behavior: "smooth",
});
Anmerkungen
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()
.
Spezifikationen
Specification |
---|
CSSOM View Module # dom-window-scrollby |
Browser-Kompatibilität
BCD tables only load in the browser