ホームページ  >  記事  >  ウェブフロントエンド  >  HTML要素の絶対位置と相対位置を取得するjqueryメソッド_jquery

HTML要素の絶対位置と相対位置を取得するjqueryメソッド_jquery

WBOY
WBOYオリジナル
2016-05-16 16:43:501451ブラウズ

絶対位置座標:

コードをコピーします コードは次のとおりです:

$("#elem").offset().top
$("#elem").offset().left

親要素を基準とした位置座標:

コードをコピーします コードは次のとおりです:

$("#elem").position().top
$("#elem").position().left

また:
static (デフォルト): デフォルトの位置決め方法。
Relative (相対位置決め): 静的をベースに、相対要素の元の位置変更は上、下、左、右を設定することによって実現されます。
Absolute (絶対位置): 親要素に対して相対的です。親要素に相対的がある場合、要素の位置は計算結果になります。つまり、絶対配置の参照オブジェクトは「最後に配置された親要素(静的はカウントされない)」となります。絶対配置では、要素がドキュメント フローから削除されます。
fix (固定配置): 固定配置の参照オブジェクトは常に現在のドキュメントです。固定位置を使用すると、ブラウザドキュメントの左上や右上などに div を簡単に配置できます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。