Gli ultimi tutorial di sviluppo web
 

Finestra scrollBy() Method

<Window Object

Esempio

Scorrere il documento 100px orizzontalmente:

window.scrollBy(100, 0);
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

Lo scrollBy() metodo scorre il documento per il numero specificato di pixel.

Note: Per questo metodo di lavorare, la proprietà visible della barra di scorrimento della finestra deve essere impostata su true!


Supporto browser

Metodo
scrollBy()

Sintassi

window.scrollBy( valori dei parametri
Parametro Tipo Descrizione
xnum Number Necessario. Il numero di pixel per scorrere da, lungo l'asse x (horizontal) . Valori positivi scorreranno verso sinistra, mentre valori negativi scorrere verso destra
ynum Number Necessario. Il numero di pixel da scorrere, lungo l'asse y (vertical) . I valori positivi si scorrere verso il basso, mentre valori negativi scorrere verso l'alto

Dettagli tecnici

Valore di ritorno: Nessun valore di ritorno

Esempi

Altri esempi

Esempio

Scorrere il documento 100px in verticale:

window.scrollBy(0, 100);
Prova tu stesso "

Esempio

Scorrere il documento orizzontalmente e verticalmente:

<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>
Prova tu stesso "

Pagine correlate

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


<Window Object