Metodo Window scrollBy()

Definizione e uso

scrollBy() Il metodo scorre il documento di un numero specificato di pixel.

Suggerimento:Per farlo: scrollBy() Il metodo funziona se il documento è più grande dello schermo e la barra di scorrimento è visibile.

Vedi anche:

Metodo scrollTo()

Esempio

Esempio 1

Scorrimento orizzontale del documento di 100px:

window.scrollBy(100, 0);

Prova personalmente

Esempio 2

Scorrimento verticale del documento di 100px:

window.scrollBy(0, 100);

Prova personalmente

Esempio 3

Scorrimento verticale del documento:

<button onclick="scrollWin(0, 50)">Scorri in basso</button>
<button onclick="scrollWin(0, -50)">Scorri in alto</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Prova personalmente

Esempio 4

Scorrimento orizzontale del documento:

<button onclick="scrollWin(100, 0)">Scorri a destra</button>
<button onclick="scrollWin(-100, 0)">Scorri a sinistra</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Prova personalmente

Sintassi

window.scrollBy(x, y)

oppure:

scrollBy(x, y)

Parametro

Parametro Descrizione
x

Obbligatorio. Il numero di pixel da scorrere (orizzontale).

Il valore positivo scorre a destra, il valore negativo a sinistra.
y

Obbligatorio. Numero di pixel da scorrere (verticalmente).

Valore positivo per scorrere verso il basso, valore negativo per scorrere verso l'alto.

Valore di ritorno

Nessuno.

Supporto dei browser

Tutti i browser supportano scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto