Savybė offsetTop
Savybė offsetTop apima elemento poslinkį
iš viršaus atsižvelgiant į offsetParent.
Apima atstumą nuo offsetParent iki elemento
ribos.
Sintaksė
elementas.offsetTop;
Pavyzdys
Raskime elemento poslinkį atsižvelgiant į
savo 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);
Kodo vykdymo rezultatas:
100
Pavyzdys
Atitraukimai margin
taip pat sumuojami į poslinkį:
<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);
Kodo vykdymo rezultatas:
150
Taip pat žiūrėkite
-
savybė
offsetLeft,
kuri apima elemento poslinkį iš kairės -
metodas
getBoundingClientRect,
kuris nustato elemento poslinkį