Proprietà HTML DOM scrollLeft
Esempio
Ottieni il numero di pixel in cui il contenuto di un elemento <div> viene fatto scorrere orizzontalmente e verticalmente:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà scrollLeft imposta o restituisce il numero di pixel in cui il contenuto di un elemento viene fatto scorrere orizzontalmente.
Suggerimento: utilizza la proprietà scrollTop per impostare o restituire il numero di pixel in cui il contenuto di un elemento viene fatto scorrere verticalmente.
Suggerimento: per aggiungere barre di scorrimento a un elemento, utilizza la proprietà CSS overflow .
Supporto browser
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà scrollLeft:
element.scrollLeft
Imposta la proprietà scrollLeft:
element.scrollLeft = pixels
Valori di proprietà
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Dettagli tecnici
Valore di ritorno: | Un numero, che rappresenta il numero di pixel in cui il contenuto dell'elemento è stato fatto scorrere orizzontalmente |
---|
Altri esempi
Esempio
Scorri il contenuto di un elemento <div> FINO a 50 pixel in orizzontale e 10 pixel in verticale:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Esempio
Scorri il contenuto di un elemento <div> DI 50 pixel in orizzontale e di 10 pixel in verticale:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Esempio
Scorri il contenuto di <body> di 30 pixel in orizzontale e di 10 pixel in verticale:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;