Proprietà scrollWidth dell'Elemento DOM HTML

Definizione e uso

scrollWidth L'attributo restituisce la larghezza dell'elemento, espressa in pixel, inclusi i margini interni, ma escludendo i bordi, le barre di scorrimento o i margini esterni.

scrollWidth L'attributo è readonly.

Nota:scrollWidth e scrollHeight Tutti e due restituiscono l'altezza e la larghezza totali dell'elemento, inclusi i parti invisibili (a causa del overflow).

Vedi anche:

Proprietà scrollHeight

Proprietà overflow CSS

Esempio

Esempio 1

Ottieni l'altezza e la larghezza dell'elemento, inclusi i margini interni:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Prova tu stesso

Esempio 2

Come padding, border e scrollbar influenzano scrollWidth e scrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Prova tu stesso

Esempio 3

Imposta l'altezza e la larghezza dell'elemento alle dimensioni fornite da scrollHeight e scrollWidth:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

Prova tu stesso

Sintassi

element.scrollWidth

Valore di ritorno

Tipo Descrizione
Numero L'ampiezza dell'elemento, espressa in pixel.

Supporto del browser

Tutti i browser lo supportano element.scrollWidth:

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