要素の正しいオフセットを取得する方法は？--jQuery

これはおそらく本当に単純な質問ですが、jQueryで要素の正しいオフセットを取得するにはどうすればよいですか？

できます：

$("#whatever").offset().left;

そしてそれは有効です。

しかし、それは次のようです：

$("#whatever").offset().right 

は未定義です。

では、jQueryでこれをどのように達成するのでしょうか？

ありがとう！

アレックス、ゲイリー：

リクエストに応じて、回答として投稿された私のコメントは次のとおりです。

var rt = ($(window).width() - ($whatever.offset().left + $whatever.outerWidth()));

知らせてくれてありがとうございます。

次のように表現できる擬似コードの場合：

右のオフセットは次のとおりです。

ウィンドウの幅マイナス
（要素の左オフセットと要素の外側の幅）

var $whatever        = $('#whatever');
var ending_right     = ($(window).width() - ($whatever.offset().left + $whatever.outerWidth()));

参照：.outerWidth（）

おそらく私はあなたの質問を誤解していますが、オフセットはあなたに2つの変数を与えることになっています：水平と垂直。これは、要素の位置を定義します。だからあなたが探しているのは：

$("#whatever").offset().left

そして

$("#whatever").offset().top

要素の正しい境界がどこにあるかを知る必要がある場合は、次を使用する必要があります。

$("#whatever").offset().left + $("#whatever").outerWidth()

グレッグが言ったことへの単なる追加：

$（ "＃whatever"）。offset（）。left + $（ "＃whatever"）。outerWidth（）

このコードは、左側に対して正しい位置を取得します。（CSSrightプロパティを使用する場合のように）右側を基準にして右側の位置を取得することを目的とした場合は、次のようにコードを追加する必要があります。

$（ "＃parent_container"）。innerWidth（）-（$（ "＃whatever"）。offset（）。left + $（ "＃whatever"）。outerWidth（））

このコードはright、CSSで最初にプロパティを設定できないときに、右側を固定アンカーとして設定する必要があるアニメーションで役立ちます。

実際、これらはウィンドウが左上の位置からまったくスクロールされていない場合にのみ機能します。
要素がページ上にとどまるように要素を再配置するのに役立つオフセットを取得するには、ウィンドウのスクロール値を減算する必要があります。

var offset = $('#whatever').offset();

offset.right = ($(window).width() + $(window).scrollLeft()) - (offset.left + $('#whatever').outerWidth(true));
offset.bottom = ($(window).height() + $(window).scrollTop()) - (offset.top + $('#whatever').outerHeight(true));

Brendon Crawfordがここで（コメントで）最良の答えを持っていたので、彼が答えるまで（そしておそらく少し拡大するまで）それを答えに移します。

var offset = $('#whatever').offset();

offset.right = $(window).width() - (offset.left + $('#whatever').outerWidth(true));
offset.bottom = $(window).height() - (offset.top + $('#whatever').outerHeight(true));

これをすぐに実現するネイティブDOMAPIがあります— getBoundingClientRect：

document.querySelector("#whatever").getBoundingClientRect().right

のアンカーポイントを取得するdiv/table (left) = $("#whatever").offset().left;-OK！

のアンカーポイントを取得するには、div/table (right)以下のコードを使用できます。

 $("#whatever").width();