The HTMLElement.offsetTop
read-only property returns the distance of the outer border of the current element relative to the inner border of the top of the offsetParent
, the closest positioned ancestor element.
HTMLElement.offsetTop
Value
A number.
Examples
var d = document.getElementById("div1"); var topPos = d.offsetTop; if (topPos > 10) { // object offset is more // than 10 pixels from its parent }
Specifications
Specification |
---|
CSSOM View Module # dom-htmlelement-offsettop |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
offsetTop |
1
|
12
|
1
|
5.5
|
8
|
3
|
1
|
18
|
4
|
10.1
|
1
|
1.0
|
In compliance with the specification, this property will return null
on Webkit if the element is hidden (the style.display
of this element or any ancestor is "none"
) or if the style.position
of the element itself is set to "fixed"
.
This property will return null
on Internet Explorer (9) if the style.position
of the element itself is set to "fixed"
. (Having display:none
does not affect this browser.)
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetTop