Propriedade HTML DOM scrollHeight
Exemplo
Obtenha toda a altura e largura de um elemento, incluindo preenchimento:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade scrollHeight retorna toda a altura de um elemento em pixels, incluindo preenchimento, mas não a borda, barra de rolagem ou margem.
Dica: Use a propriedade scrollWidth para retornar a largura inteira de um elemento.
As propriedades scrollWidth e scrollHeight retornam a altura e a largura inteiras de um elemento, incluindo a altura e a largura que não podem ser visualizadas (devido ao estouro).
Dica: Para adicionar barras de rolagem a um elemento, use a propriedade CSS overflow .
Esta propriedade é somente leitura.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Sintaxe
element.scrollHeight
Detalhes técnicos
Valor de retorno: | Um Número, representando toda a altura (verticalmente) de um elemento, em pixels |
---|
Mais exemplos
Exemplo
Usando preenchimento, 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;
Exemplo
Retorne o scrollHeight e scrollWidth de um elemento e, em seguida, defina sua altura e largura para os valores retornados de 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";
}