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 scrollWidth devuelve todo el ancho de un elemento en píxeles, incluido el relleno, pero no la frontera, barra de desplazamiento o margen.
Consejo: Utilice la scrollHeight propiedad para devolver toda la altura 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 | |||||
---|---|---|---|---|---|
scrollWidth | Sí | Sí | Sí | Sí | Sí |
Sintaxis
element .scrollWidth
Detalles técnicos
Valor de retorno: | Un número, que representa la anchura entera (horizontally) 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 "