Lastnost offsetTop
Lastnost offsetTop vsebuje odmik
elementa od zgoraj glede na offsetParent.
Vsebuje razdaljo od offsetParent do roba
elementa.
Sintaksa
element.offsetTop;
Primer
Poiščimo odmik elementa glede 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 izvajanja kode:
100
Primer
Odmiki margin
se prav tako seštevajo v odmik:
<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 izvajanja kode:
150
Glejte tudi
-
lastnost
offsetLeft,
ki vsebuje odmik elementa od leve -
metoda
getBoundingClientRect,
ki poišče odmik elementa