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 |
---|
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 "