Fenster scrollBy ()
Beispiel
Scrollen Sie das Dokument um 100 Pixel horizontal:
window.scrollBy(100, 0);
Scrollen Sie das Dokument vertikal um 100 Pixel:
window.scrollBy(0, 100);
Weitere Beispiele unten.
Definition und Verwendung
Die scrollBy()
Methode scrollt das Dokument um die angegebene Anzahl von Pixeln.
Notiz
Damit die scrollBy()
Methode funktioniert, muss das Dokument größer als der Bildschirm sein und die Bildlaufleiste muss sichtbar sein.
Siehe auch:
Syntax
window.scrollBy(x, y)
oder nur:
scrollBy(x, y)
Parameter
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Rückgabewert
KEINER |
Mehr Beispiele
Scrollen Sie das Dokument nach oben und unten:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Scrollen Sie das Dokument nach rechts und links:
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Browser-Unterstützung
scrollBy()
wird in allen Browsern unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |