HTMLElement: offsetTop property

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.

Value

A number.

Examples

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