Los últimos tutoriales de desarrollo web
 

HTML DOM scrollWidth Propery

<Elemento de objeto

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

Sintaxis

element .scrollWidth

Detalles técnicos

Valor de retorno: Un número, que representa la anchura entera (horizontally) de un elemento, en píxeles

Ejemplos

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 "

<Elemento de objeto