HTMLElement: offsetTop property

The HTMLElement.offsetTop read-only property 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

BCD tables only load in the browser