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

elem.offsetTop;

Példa

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

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

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

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

100

Példa

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

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

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

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

150

Lásd még

a offsetLeft tulajdonság,
amely egy elem bal oldali eltolását tartalmazza
a getBoundingClientRect metódus,
amely megkeresi egy elem eltolását