Window scrollBy() metoden

Definition og brug

scrollBy() Metoden ruller dokumentet med de specificerede pixels.

Tip:For at få scrollBy() Metoden virker, hvis dokumentet er større end skærmen, og rullesporet skal være synligt.

Se også:

scrollTo() metoden

Eksempel

Eksempel 1

Horisontal rulning af dokumentet 100px:

window.scrollBy(100, 0);

Prøv det selv

Eksempel 2

Vertikal rulning af dokumentet 100px:

window.scrollBy(0, 100);

Prøv det selv

Eksempel 3

Rul dokumentet op og ned:

<button onclick="scrollWin(0, 50)">Scroll ned</button>
<button onclick="scrollWin(0, -50)">Scroll op</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Prøv det selv

Eksempel 4

Rul dokumentet til venstre og højre:

<button onclick="scrollWin(100, 0)">Scroll til højre</button>
<button onclick="scrollWin(-100, 0)">Scroll til venstre</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Prøv det selv

Syntaks

window.scrollBy(x, y)

eller:

scrollBy(x, y)

Parameter

Parameter Beskrivelse
x

Nødvendigt. Antallet af pixels, der skal rulles (horisontalt).

Værdier flytter til højre, negative værdier flytter til venstre.
y

Obligatorisk. Antallet af pixels, der skal rulles (vandret).

Positiv værdi ruller ned, negativ værdi ruller op.

Returværdi

Ingen.

Browserunderstøttelse

Alle browsere understøtter scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support