Neueste Web-Entwicklung Tutorials
 

Fenster scrollBy() Method

<Fensterobjekt

Beispiel

Blättern durch das Dokument 100 Pixel horizontal:

window.scrollBy(100, 0);
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die scrollBy() Methode scrollt das Dokument durch die angegebene Anzahl von Pixeln.

Note: Für diese Methode funktioniert, die Visible - Eigenschaft des Scrollbar des Fensters muss auf true gesetzt werden!


Browser-Unterstützung

Methode
scrollBy() Ja Ja Ja Ja Ja

Syntax

window.scrollBy( Parameterwerte
Parameter Art Beschreibung
xnum Number Erforderlich. Wie viele Pixel zu blättern , indem entlang der x-Achse (horizontal) . Positive Werte werden nach links bewegen, während negative Werte nach rechts scrollt
ynum Number Erforderlich. Wie viele Pixel zu scrollen , indem entlang der y-Achse (vertical) . Positive Werte werden nach unten scrollen, während negative Werte nach oben

Technische Details

Rückgabewert: Kein Rückgabewert

Beispiele

Mehr Beispiele

Beispiel

Blättern durch das Dokument 100 Pixel vertikal:

window.scrollBy(0, 100);
Versuch es selber "

Beispiel

Blättern das Dokument horizontal und vertikal:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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>
Versuch es selber "

Verwandte Seiten

Fensterobjekt: href="met_win_scrollto.html"> scrollTo() Method


<Fensterobjekt