Ejemplo
Obtener toda la altura y la anchura de un elemento, incluido el relleno:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad scrollHeight devuelve toda la altura de un elemento en píxeles, incluyendo las protecciones, pero no la frontera, barra de desplazamiento o margen.
Consejo: Utilice la scrollWidth propiedad para devolver todo el ancho de un elemento.
Las propiedades scrollWidth y scrollHeight devuelven toda la altura y la anchura de un elemento, incluyendo la altura y anchura que no es visible (because of overflow) .
Consejo: Para añadir barras de desplazamiento a un elemento, utilice el CSS desbordamiento de propiedad.
Esta propiedad es de solo lectura.
Soporte del navegador
Propiedad | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Sí |
Sintaxis
element .scrollHeight
Detalles técnicos
Valor de retorno: | Un número, que representa la totalidad de la altura (vertically) de un elemento, en píxeles |
---|
Más ejemplos
Ejemplo
El uso de relleno, borde, barra de desplazamiento y el margen para mostrar cómo esto afecta a la propiedad scrollWidth y scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Inténtalo tú mismo " Ejemplo
Devolver el scrollHeight y scrollWidth de un elemento y a continuación, establecer su altura y anchura a los valores devueltos de 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";
}
Inténtalo tú mismo "