205 of 264 menu

Vlastnosť offsetTop

Vlastnosť offsetTop obsahuje posun prvku zhora vzhľadom na offsetParent. Obsahuje vzdialenosť od offsetParent k hranici prvku.

Syntax

prvok.offsetTop;

Nájdime posun prvku vzhľadom 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);

Výsledok vykonania kódu:

100

Okraje margin sa tiež sčítavajú do posunu:

<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);

Výsledok vykonania kódu:

150

Slovenčina▼

Používame cookies na fungovanie stránky, analýzu a personalizáciu. Spracúvanie údajov prebieha v súlade s Politikou ochrany osobných údajov.