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
offsetLefttulajdonság,
amely egy elem bal oldali eltolását tartalmazza -
a
getBoundingClientRectmetódus,
amely megkeresi egy elem eltolását