Window scrollBy() metoden

Definition och användning

scrollBy() Metoden rullar dokumentet med de specificerade pixelantalet.

Tips:För att göra scrollBy() Metoden fungerar om dokumentet är större än skärmen och rulllisten är synlig.

Se också:

scrollTo() metoden

Exempel

Exempel 1

Horisontell rullning av dokument 100px:

window.scrollBy(100, 0);

Prova själv

Exempel 2

Vertikal rullning av dokument 100px:

window.scrollBy(0, 100);

Prova själv

Exempel 3

Sidan kan rullas uppåt och nedåt:

<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>

Prova själv

Exempel 4

Sidan kan rullas vänster och höger:

<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>

Prova själv

Syntax

window.scrollBy(x, y)

eller:

scrollBy(x, y)

Parameter

Parameter Beskrivning
x

Nödvändigt. Antal pixlar att rulla (horisontellt).

Rätt till höger, fel till vänster.
y

Obligatoriskt. Antalet pixlar att rulla (vertikalt).

Positiva värden rullar ner, negativa värden rullar uppåt.

Returvärde

Inget.

Webbläsarstöd

Alla webbläsare stöder scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd