HTMLElement: offsetTop property

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

const d = document.getElementById("div1");
const topPos = d.offsetTop;

if (topPos > 10) {
  // object offset is more
  // than 10 pixels from its parent
}

Specifications

Browser compatibility

See also

• Determining the dimensions of elements
• Element.clientTop
• Element.scrollTop
• HTMLElement.offsetHeight
• HTMLElement.offsetWidth
• HTMLElement.offsetLeft
• Element.getBoundingClientRect()