как получить правильное смещение элемента? - 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 ()

Возможно, я неправильно понимаю ваш вопрос, но смещение должно давать вам две переменные: горизонтальную и вертикальную. Это определяет положение элемента. Итак, что вы ищете:

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

а также

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

Если вам нужно знать, где находится правая граница вашего элемента, вы должны использовать:

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

Просто дополнение к тому, что сказал Грег:

$ ("# что угодно"). offset (). left + $ ("# что угодно"). outerWidth ()

Этот код получит правильную позицию относительно левой стороны. Если намерение состояло в том, чтобы получить положение правой стороны относительно правой (например, при использовании rightсвойства CSS ), то необходимо добавить в код следующее:

$ ("# parent_container"). innerWidth () - ($ ("# что угодно"). offset (). left + $ ("# что угодно"). 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));

Есть собственный DOM API, который делает это из коробки getBoundingClientRect:

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

У Брендона Кроуфорда был лучший ответ здесь (в комментарии), поэтому я перейду к ответу, пока он не ответит (и, возможно, немного расширит).

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

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

Получение точки привязки div/table (left) = $("#whatever").offset().left;- ок!

Для получения точки привязки div/table (right)вы можете использовать приведенный ниже код.

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