Proprietà scrollWidth del DOM HTML
Esempio
Ottieni l'intera altezza e larghezza di un elemento, incluso il riempimento:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà scrollWidth restituisce l'intera larghezza di un elemento in pixel, incluso il riempimento, ma non il bordo, la barra di scorrimento o il margine.
Suggerimento: utilizzare la proprietà scrollHeight per restituire l'intera altezza di un elemento.
Le proprietà scrollWidth e scrollHeight restituiscono l'intera altezza e larghezza di un elemento, comprese l'altezza e la larghezza che non sono visualizzabili (a causa dell'overflow).
Suggerimento: per aggiungere barre di scorrimento a un elemento, utilizza la proprietà CSS overflow .
Questa proprietà è di sola lettura.
Supporto browser
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sintassi
element.scrollWidth
Dettagli tecnici
Valore di ritorno: | Un numero, che rappresenta l'intera larghezza (orizzontale) di un elemento, in pixel |
---|
Altri esempi
Esempio
Utilizzo di spaziatura interna, bordo, barra di scorrimento e margine per mostrare come ciò influisca sulle proprietà scrollWidth e scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Esempio
Restituisce scrollHeight e scrollWidth di un elemento, quindi impostane l'altezza e la larghezza sui 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";
}