0

・jQueryの.offset().topは、ドキュメントの左上からのy軸方向の距離とかいてあったのですが、JavaScriptの.offsetTopプロパティのオフセットと意味は異なるのですか?
・offsetParent ノードかどうかは関係ない??

1 件の回答 1

2

CSSOM View の offsetTopoffsetParent 左上からの相対座標なので、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>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。