Ιδιότητα offsetTop
Η ιδιότητα offsetTop περιέχει την μετατόπιση
του στοιχείου από πάνω σε σχέση με το offsetParent.
Περιέχει την απόσταση από το offsetParent μέχρι το περίγραμμα
του στοιχείου.
Σύνταξη
στοιχείο.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,
που βρίσκει την μετατόπιση του στοιχείου