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.

Learn more
See full compatibility
Report feedback

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

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