HTMLElement.offsetTop

O HTMLElement.offsetTop é um método apenas de leitura que retorna a medida, em pixels, da distância do elemento atual em relação ao topo do offsetParent.

Sintaxe

topPos = element.offsetTop;

Parâmetros

  • topPos é o número, em pixels, que representa a distância do elemento para o topo do elemento pai mais próximo posicionado com relative.

Exemplo

var d = document.getElementById("div1");
var topPos = d.offsetTop;
 
if (topPos > 10) {
  // deslocamento em relação ao topo maior
  // que 10pixels do topo
}

Especificação

Especificação Status Comentário
CSS Object Model (CSSOM) View Module
The definition of 'offsetTop' in that specification.
Rascunho atual  

Compatibilidade do navegador

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
offsetTopChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 8Opera Full support 8Safari Full support 3WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support

Em conformidade com a especificação, essa propriedade retornará null no Webkit se o elemento não estiver sendo exibido (o style.display desse elemento ou ancestral estiver como "none") ou se o style.position do elemento estiver setado como "fixed".

Essa propriedade retornará null no Internet Explorer (9) se o style.position do elemento estiver setado como "fixed". (Ter display:none não afeta esse browser.)