・jQueryの.offset().topは、ドキュメントの左上からのy軸方向の距離とかいてあったのですが、JavaScriptの.offsetTopプロパティのオフセットと意味は異なるのですか?
・offsetParent ノードかどうかは関係ない??
1 件の回答
CSSOM View の offsetTop は offsetParent
左上からの相対座標なので、offsetParent
が <body> ではない場合は jQuery の .offset().top
とは異なります。下は、同じ要素でoffsetTop
と .offset().top
が異なる例です。
function log(mes) {
$('pre')[0].textContent += mes + '\n';
}
var target = $('.target');
log('offsetTop: ' + target[0].offsetTop);
log('offset().top: ' + target.offset().top);
.container {
position: absolute;
top: 100px;
padding: 7px;
}
.target {
height: 20px;
background: lime;
width: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="target"></div>
</div>
<pre>
</pre>