jquery - 親要素に対する要素の距離を取得する

Question

親要素に対する要素の距離/オフセット/位置を取得する方法を知りたいです。

position()親のオフセット位置に対する相対的な位置を取得するjQuery の機能とは異なり、要素の (想定される)安定した位置は、それを含む/親要素の上部からの距離であるため、取得する必要があります。

例：

<div id="parent">
  <div id="pos1">Has a position of 0px from top of containing parent el.</div>
  <br style="height:20px;">
  <br style="height:20px;">
  <div id="pos2">Has a position of 40px from top of containing parent el.</div>
</div>

したがって、ドキュメントに対する親要素の位置に関係なく、親要素に対して相対的に変化しないため、 と の位置は同じと報告されますpos1...pos2

これは可能ですか？

Answer 1

これはそれを行う必要があります：

$('#pos1').offset().top - $('#pos1').parent().offset().top - $('#pos1').parent().scrollTop() 

Answer 2

このコードは私にとってはうまくいきます。

var child_top = $("#parent_div").scrollTop() + $("#child_div").offset().top

Answer 3

Parent.offset() - child.offset() ?

jQuery オフセット() の使用