Хосияти offsetTop
Хосияти offsetTop дорои ҷойивазкунии
унсур аз боло нисбат ба offsetParent мебошад.
Дорои масофа аз offsetParent то марзи
унсур аст.
Синтаксис
element.offsetTop;
Намуна
Биёед ҷойивазкунии унсурро нисбат ба
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);
Натиҷаи иҷрои рамз:
100
Намуна
Фосилаҳои margin
инчунин ба ҷойивазкунӣ ҷамъ мешаванд:
<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);
Натиҷаи иҷрои рамз:
150
Ҳамчунин нигаред
-
хосияти
offsetLeft,
ки дорои ҷойивазкунии унсур аз чап аст -
усули
getBoundingClientRect,
ки ҷойивазкунии унсурро пайдо мекунад