tutoriais mais recente desenvolvimento web
 

HTML DOM scrollWidth Propery

<Elemento de objeto

Exemplo

Obter toda a altura e largura de um elemento, incluindo estofamento:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A propriedade scrollWidth retorna toda a largura de um elemento em pixels, incluindo estofamento, mas não a fronteira, barra de rolagem ou margem.

Dica: Use o scrollHeight propriedade para retornar toda a altura de um elemento.

As propriedades scrollWidth e scrollHeight retornar toda a altura e largura de um elemento, incluindo a altura e largura que não é visível (because of overflow) .

Dica: Para adicionar barras de rolagem para um elemento, use o CSS estouro propriedade.

Esta propriedade é somente leitura.


Suporte navegador

Propriedade
scrollWidth sim sim sim sim sim

Sintaxe

element .scrollWidth

Detalhes técnicos

Valor de retorno: Um número, representando toda a largura (horizontally) de um elemento, em pixels

Exemplos

mais Exemplos

Exemplo

Usando espaçamento, borda, barra de rolagem e margem para mostrar como isso afeta a propriedade scrollWidth e scrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Tente você mesmo "

Exemplo

Voltar a scrollHeight e scrollWidth de um elemento e, em seguida, ajustar a sua altura e largura para os valores devolvidos a partir 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";
}
Tente você mesmo "

<Elemento de objeto