Propriedade scrollWidth do DOM HTML

Objeto Elemento do HTML DOM

scrollWidthA propriedade de leitura-only retorna a largura total do elemento (em pixels), incluindo o conteúdo que é invisível na tela devido ao overflow.

A medida da largura é idêntica aclientWidthIdêntico: ele inclui o preenchimento do elemento, mas não inclui sua borda, margem ou barra de rolagem.

Ele também pode incluir a largura dos elementos pseudo, por exemplo:: beforeou:: afterSe o conteúdo do elemento pode ser contido sem a barra de rolagem horizontal, então seu scrollWidth é igual aclientWidth.

UsoscrollHeightA propriedade retorna a altura total do elemento.

Sintaxe:

element.scrollWidth

var elem = document.getElementById("box");
var y = elem.scrollHeight;
var x = elem.scrollWidth;

Compatibilidade do Navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade scrollWidth:

Detalhes Técnicos

Referências Relacionadas

Referência HTML DOM:Propriedade scrollHeight

Referência HTML DOM:Propriedade clientWidth

Referência HTML DOM:Propriedade offsetWidth

Referência CSS:Propriedade overflow

Objeto Elemento do HTML DOM