要素のドキュメント サイズ、オフセット、位置、およびスクロール バーを取得するための JQuery メソッド コレクションposition_jquery

ブラウザの互換性の問題のため、JavaScript を使用してこれらの値を取得するのは非常に面倒なプロセスです。幸いなことに、JQuery は、シンプルでエレガントな、互換性のあるソリューションを提供します。
ブラウザとページドキュメントの幅と高さを取得します

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

//ブラウザの表示領域の高さを取得します
$(window).height();
//ブラウザの表示領域の幅を取得します
$(window).width ();

//ページのドキュメントの高さを取得します
$(document.body).height();
//ページのドキュメントの幅を取得します
$(document .body).width();

スクロールバーの位置を取得します

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

/ / スクロールバーの上からの垂直の高さを取得します
$(document).scrollTop()
// 垂直の幅を取得しますスクロールバーの左から
$(document).scrollLeft();

位置とオフセットを計算
offset メソッドは、次のオフセット情報を返す非常に便利なメソッドです。パックセットの最初の要素。デフォルトでは、ボディに対するオフセット情報です。結果には、top と left という 2 つの属性が含まれます。
offset(options, results)
options.relativeTo 計算されたオフセット位置を基準とした祖先要素を指定します。この要素は相対的または絶対的に配置する必要があります。省略した場合は、本体に対する相対値となります。
options.scroll スクロールバーを含めるかどうか、デフォルトは TRUE
options.padding パディングを含めるかどうか、デフォルトは false
options.margin マージンを含めるかどうか、デフォルトは true
options .border 境界線を含めるかどうか、デフォルトは true