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à scrollHeight restituisce l'intera altezza di un elemento in pixel, inclusi padding, ma non il bordo, scorrimento o margine.
Suggerimento: Utilizzare la scrollWidth proprietà per restituire l'intera larghezza 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à | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | sì |
Sintassi
element .scrollHeightDettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta l'intera altezza (vertically) di un elemento, in pixel |
|---|
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 "