Savybė offsetTop

Savybė offsetTop apima elemento poslinkį iš viršaus atsižvelgiant į offsetParent. Apima atstumą nuo offsetParent iki elemento ribos.

Sintaksė

javascriptelementas.offsetTop;

Pavyzdys

Raskime elemento poslinkį atsižvelgiant į savo offsetParent:

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

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

Kodo vykdymo rezultatas:

javascript100

Pavyzdys

Atitraukimai margin taip pat sumuojami į poslinkį:

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

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

Kodo vykdymo rezultatas:

javascript150

Taip pat žiūrėkite