要素の位置を取得する API ある HTML 要素の左上の座標を取得するには次のようにします。 ページの左上からの絶対座標や、親要素からの相対座標で取得することができます。 jQuery の例 var $e = $('#box'); // document(ページ左上)からの絶対座標 var x1 = $e.offset().top; var y1 = $e.offset().left; // 親要素の左上を (0,0) とした相対座標 var x2 = $e.position().top; var y2 = $e.position().left; ここで、親要素としてみなされるのは、position 属性に relative、absolute、fixed のいずれかをもつ直近の親要素です。 $e.position() でうまく値が取れない場合は、親要素にこの指定を忘れていることが多いので