Svojstvo offsetTop
Svojstvo offsetTop sadrži pomeraj
elementa odozgo u odnosu na offsetParent.
Sadrži udaljenost od offsetParent do ivice
elementa.
Sintaksa
element.offsetTop;
Primer
Hajde da nađemo pomeraj elementa u odnosu
na svoj offsetParent:
<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);
Rezultat izvršavanja koda:
100
Primer
Margine margin
takođe se sabiraju u pomeraj:
<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);
Rezultat izvršavanja koda:
150
Pogledajte takođe
-
svojstvo
offsetLeft,
koje sadrži pomeraj elementa sa leve strane -
metoda
getBoundingClientRect,
koja pronalazi pomeraj elementa