Az offsetTop tulajdonság

Az offsetTop tulajdonság egy elem felső eltolását tartalmazza a offsetParent-hez viszonyítva. Tartalmazza az offsetParent és az elem széle köztti távolságot.

Szintaxis

javascriptelem.offsetTop;

Példa

Keressük meg egy elem eltolását a saját offsetParent-jéhez viszonyítva:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; top: 100px;"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetTop);

A kód végrehajtásának eredménye:

javascript100

Példa

A margin eltolások is beleszámítanak az eltolásba:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; top: 100px; margin: 50px;"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetTop);

A kód végrehajtásának eredménye:

javascript150

Lásd még