Gli ultimi tutorial di sviluppo web
 

HTML DOM scrollWidth Propery

<Oggetto Element

Esempio

Ottenere l'intera altezza e la larghezza di un elemento, tra cui padding:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

La proprietà scrollWidth restituisce l'intera larghezza di un elemento in pixel, inclusi padding, ma non il bordo, scorrimento o margine.

Suggerimento: Utilizzare la scrollHeight proprietà per restituire l'intera altezza di un elemento.

Le proprietà scrollWidth e scrollHeight restituiscono l'intera altezza e larghezza di un elemento, compresa l'altezza e la larghezza, non visibile (because of overflow) .

Suggerimento: per aggiungere barre di scorrimento per un elemento, utilizzare il CSS di overflow proprietà.

Questa proprietà è di sola lettura.

Supporto browser

Proprietà
scrollWidth sì sì sì sì sì

Sintassi

element .scrollWidth

Dettagli tecnici

Valore di ritorno: Un numero che rappresenta l'intera larghezza (horizontally) di un elemento, in pixel
Esempi

Altri esempi

Esempio

Utilizzando padding, bordo, barra di scorrimento e il margine per mostrare come questo influenza la proprietà scrollWidth e scrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Prova tu stesso "

Esempio

Restituire lo scrollHeight e scrollWidth di un elemento e quindi impostare l'altezza e la larghezza ai valori restituiti da scrollHeight e scrollWidth:

var elmnt = document.getElementById("content");

function getFunction() {
    var x = elmnt.scrollWidth;
    var y = elmnt.scrollHeight;
}

function setFunction() {
    elmnt.style.height = y.scrollHeight + "px";
    elmnt.style.width = y.scrollWidth + "px";
}
Prova tu stesso "

<Oggetto Element