jQueryオブジェクト .position()

jQueryオブジェクトのpositionメソッドは、jQueryオブジェクトにマッチするHTML要素のうち、最初の要素の現在の座標を返す。positionメソッドが返す座標は、親要素に対する相対位置である。ドキュメントに対する相対値を取得したい場合はoffsetメソッドを使う。positionメソッドは戻り値として、topとleftプロパティを含むオブジェクトを返す。

jQueryObject.position()

<p id="p1">positionのサンプル</p>
<p>top = <span id="top"></span></p>
<p>left = <span id="left"></span></p>
<script>
  var p = $('#p1').position();
  $('#top').text(p.top);
  $('#left').text(p.left);
</script>

positionのサンプル

top =

left =