メソッド position

メソッド position は、ドキュメントに対する座標を取得するメソッド offset とは異なり、親要素のオフセットに対する要素の位置を取得することができます。メソッド position は、同じ親要素内で新しい要素を他の要素の近くに配置する場合により便利です。このメソッドは、結果として top と left プロパティを含むオブジェクトを返します。ユーザーがページのサイズを変更すると、計算エラーが発生する可能性があります。また、このメソッドは非表示要素の座標を取得することはできません。

構文

現在座標を取得します。場合によっては取得された値が小数になることがあります：

$(セレクタ).position();

例

メソッド position を使用して、 div 内に配置されている段落の位置を取得し、その後、取得したオブジェクトのキーにアクセスして、この情報を別の段落に表示してみましょう：

<div style="padding: 15px;">
	<p style="margin-left: 10px;">テキスト</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

メソッド position

構文

例

関連項目