Back to Content

HTMLElement: offsetTop property

files/en-us/web/api/htmlelement/offsettop/index.md

latest981 B
Original Source

{{ APIRef("HTML DOM") }}

The offsetTop read-only property of the {{domxref("HTMLElement")}} interface returns the distance from the outer border of the current element (including its margin) to the top padding edge of the {{domxref("HTMLelement.offsetParent","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

{{Specifications}}

Browser compatibility

{{Compat}}

See also

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