Proprietà scrollLeft dell'elemento DOM HTML

Definizione e uso

scrollLeft Imposta o restituisci il numero di pixel di scorrimento orizzontale del contenuto dell'elemento.

Vedi anche:

Attributo scrollTop

Proprietà overflow CSS

Evento onscroll

Esempio

Esempio 1

Ottieni i pixel di scorrimento del contenuto di "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

Prova tu stesso

Esempio 2

Scorri il contenuto di "myDIV" a 50 pixel orizzontalmente e 10 pixel verticalmente:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

Prova tu stesso

Esempio 3

Scorri il contenuto di "myDIV" di 50 pixel orizzontalmente e 10 pixel verticalmente:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

Prova tu stesso

Esempio 4

Scorri il contenuto di <body> di 30 pixel orizzontalmente e 10 pixel verticalmente:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

Prova tu stesso

Sintassi

Restituisci l'attributo scrollLeft:

element.scrollLeft

Imposta l'attributo scrollLeft:

element.scrollLeft = pixels

Valore dell'attributo

Valore Descrizione
pixels

Il numero di pixel di scorrimento orizzontale del contenuto dell'elemento.

  • Se questo numero è negativo, impostalo a 0.
  • Se l'elemento non può essere scorruto, impostalo a 0.
  • Se questo numero è maggiore del valore massimo consentito, impostalo come valore massimo.

Valore di ritorno

Tipo Descrizione
Numero Il numero di pixel di scorrimento orizzontale del contenuto dell'elemento.

Supporto del browser

Tutti i browser supportano element.scrollLeft:

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