jqueryはどのように要素のオフセットを検出しますか？

Question

jqueryオフセット関数を使用すると、windowに対する相対的な要素の座標を見つけることができます。jqueryはこれをどうしますか？

Answer 1

あなたは（.offsetParentを探している場合がございます）

Offset Parent

Answer 2

jqueryのは、一般的に、クロスブラウザの方法で動作しようとしたが、それは根本的な選択肢と原則のいくつかを理解するのに役立つかもしれません。

Element.getBoundingClientRect()は、要素のサイズとその位置をブラウザのビューポートに対して返します。

最新のブラウザでは、ビューポートとウィンドウのサイズはwindow.innerHeightとそれに関連する（innerWidth、outerHeight、outerWidth）プロパティを使用して調べることができます。

ビューポートに対するfixed position要素の座標は、配置された要素が相対的なビューポートの境界に関して、computed styleの値を解釈することで取得できます。

フォールバックオプションは、要素のレンダリングされた文書内のオフセットの累積を計算するために、それらのoffsetParentチェーン内のすべてのHTMLobjectsのものとのHtmlElementのoffsetLeftとoffsetTop値を合計し、文書の現在のXとYのスクロール位置について計算された値を調整することです。 window.scrollXのMDNの記事では、クロスブラウザ方式でスクロール位置を計算する方法の例を示します。

これは、jQueryコードまたは他のライブラリやプレーンなJavaScriptコードがウィンドウの位置を計算する方法についてのドキュメントリンクのセットです。私はjQueryが静かにあなたのために回避するかもしれないすべてのブラウザのバグを調査しようとしていません。