Propiedad HTML DOM scrollHeight
Ejemplo
Obtenga la altura y el ancho completos de un elemento, incluido el relleno:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad scrollHeight devuelve la altura completa de un elemento en píxeles, incluido el relleno, pero no el borde, la barra de desplazamiento o el margen.
Sugerencia: use la propiedad scrollWidth para devolver el ancho completo de un elemento.
Las propiedades scrollWidth y scrollHeight devuelven el alto y el ancho completos de un elemento, incluidos el alto y el ancho que no se pueden ver (debido al desbordamiento).
Sugerencia: para agregar barras de desplazamiento a un elemento, use la propiedad de desbordamiento de CSS .
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Sintaxis
element.scrollHeight
Detalles técnicos
Valor devuelto: | Un número, que representa la altura total (verticalmente) de un elemento, en píxeles |
---|
Más ejemplos
Ejemplo
Usando relleno, borde, barra de desplazamiento y margen para mostrar cómo esto afecta la propiedad scrollWidth y scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Ejemplo
Devuelve scrollHeight y scrollWidth de un elemento y luego establece su alto y ancho en los valores devueltos por scrollHeight y 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";
}