Wie bekomme ich den richtigen Versatz eines Elements? - jQuery

Dies ist wahrscheinlich eine wirklich einfache Frage, aber wie kann ich den richtigen Offset eines Elements in jQuery ermitteln?

Ich kann:

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

und es ist gültig.

Aber es scheint, dass:

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

ist nicht definiert.

Wie erreicht man dies in jQuery?

Vielen Dank!!

Alex, Gary:

Wie angefordert, ist hier mein Kommentar als Antwort gepostet:

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

Danke für die Information.

Im Pseudocode kann dies ausgedrückt werden als:

Der richtige Versatz ist:

Die Fenster Breite MINUS
(das Element versetzt links plus Die Element - Außenbreite )

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

Referenz: .outerWidth ()

Vielleicht verstehe ich Ihre Frage falsch, aber der Versatz soll Ihnen zwei Variablen geben: eine horizontale und eine vertikale. Dies definiert die Position des Elements. Was Sie also suchen, ist:

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

und

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

Wenn Sie wissen möchten, wo sich die richtige Grenze Ihres Elements befindet, sollten Sie Folgendes verwenden:

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

Nur eine Ergänzung zu dem, was Greg gesagt hat:

$ ("# was auch immer"). offset (). left + $ ("# was auch immer"). äußere Breite ()

Dieser Code erhält die richtige Position relativ zur linken Seite. Wenn beabsichtigt wurde, die rechte Seitenposition relativ zur rechten zu erhalten (wie bei Verwendung der CSS- rightEigenschaft), ist eine Ergänzung des Codes wie folgt erforderlich:

$ ("# parent_container"). innerWidth () - ($ ("# was auch immer"). offset (). left + $ ("# was auch immer"). äußereWidth ())

Dieser Code ist nützlich in Animationen, in denen Sie die rechte Seite als festen Anker festlegen müssen, wenn Sie die rightEigenschaft zunächst nicht in CSS festlegen können .

Eigentlich funktionieren diese nur, wenn das Fenster von der oberen linken Position überhaupt nicht gescrollt wird.
Sie müssen die Bildlaufwerte des Fensters subtrahieren, um einen Versatz zu erhalten, der zum Neupositionieren von Elementen nützlich ist, damit sie auf der Seite bleiben:

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));

Es gibt eine native DOM-API, die dies sofort erreicht - getBoundingClientRect:

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

Brendon Crawford hatte hier die beste Antwort (im Kommentar), also werde ich sie zu einer Antwort verschieben, bis er es tut (und vielleicht ein wenig erweitern).

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

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

Den Ankerpunkt von a bekommen div/table (left) = $("#whatever").offset().left;- ok!

Um den Ankerpunkt von a zu erhalten div/table (right), können Sie den folgenden Code verwenden.

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