Attributo scrollTop dell'HTML DOM

Oggetto Elemento HTML DOM

scrollTopL'attributo setta o restituisce il numero di pixel di scorrimento verticale del contenuto dell'elemento.

Il valore scrollTop dell'elemento è la misura della distanza dalla parte superiore dell'elemento alla parte superiore del contenuto visibile. Quando il contenuto dell'elemento non genera una barra di scorrimento verticale, il valore scrollTop è 0.

UsarescrollLeftL'attributo setta o restituisce il numero di pixel di scorrimento orizzontale (a destra) del contenuto dell'elemento.

Sintassi:

Restituire l'attributo scrollTop:

element.scrollTop

Impostare l'attributo scrollTop:

element.scrollTop = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

Compatibilità del browser

Tutti i browser supportano completamente l'attributo scrollTop:

Valore dell'attributo

Dettagli tecnici

Più esempi

Scorri il contenuto del DIV verticalmente di 50px:

document.getElementById('container').scrollTop += 50;

Scorri il contenuto del BODY verticalmente di 100 pixel:

var body = document.body; // Per Safari
var html = document.documentElement; // Chrome, Firefox, IE e Opera
　　　
body.scrollTop += 100;
html.scrollTop += 100;

Riferimenti correlati

Riferimento HTML DOM:Proprietà scrollLeft

Oggetto Elemento HTML DOM