HTMLElement: offsetTop property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The offsetTop read-only property of the HTMLElement interface returns the distance from the outer border of the current element (including its margin) to the top padding edge of the offsetParent, the closest positioned ancestor element.
Value
A number.
Examples
js
const d = document.getElementById("div1");
const 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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
offsetTop
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support