offsetTop-ominaisuus
Ominaisuus offsetTop sisältää elementin
yläreunan siirtymän suhteessa offsetParent:iin.
Sisältää etäisyyden offsetParent:stä elementin
reunaan.
Syntaksi
elementti.offsetTop;
Esimerkki
Etsitään elementin siirtymä suhteessa
omaan offsetParent:iinsa:
<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);
Koodin suorituksen tulos:
100
Esimerkki
Margin-marginaalit
myös lasketaan mukaan siirtymään:
<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);
Koodin suorituksen tulos:
150
Katso myös
-
ominaisuus
offsetLeft,
joka sisältää elementin vasemman reunan siirtymän -
metodi
getBoundingClientRect,
joka löytää elementin siirtymän
