किसी तत्व का सही ऑफसेट कैसे प्राप्त करें? - jQuery

Question

यह शायद एक बहुत ही सरल सवाल है, लेकिन मैं jQuery में किसी तत्व का सही ऑफ़सेट प्राप्त करने के बारे में कैसे जा सकता हूं?

मैं कर सकते हैं:

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

और यह वैध है।

लेकिन ऐसा लगता है कि:

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

अनिर्धारित रहता है।

तो यह jQuery में इसे कैसे पूरा करता है?

धन्यवाद !!

Answer 1

एलेक्स, गैरी:

के रूप में अनुरोध किया है, यहाँ मेरी टिप्पणी एक जवाब के रूप पोस्ट किया जाता है:

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

दे मुझे पता है के लिए धन्यवाद।

Answer 2

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

संदर्भ: .outerWidth()

Answer 3

शायद मैं आपके सवाल का गलत समझ रही है, लेकिन ऑफसेट आप दो चर देने के लिए माना जाता है: एक क्षैतिज और एक ऊर्ध्वाधर। यह तत्व की स्थिति को परिभाषित करता है। तो क्या आप के लिए देख रहे हैं:

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

और

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

आप को पता है की जरूरत है, जहां अपने तत्व की सही सीमा है, तो आप का उपयोग करना चाहिए:

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

Answer 4

ग्रेग ने जो कुछ कहा:

$ ("# जो भी") ऑफसेट()। बाएं + $ ("# जो कुछ भी ")। बाहरी विड्थ()

यह कोड बाईं ओर से संबंधित सही स्थिति प्राप्त करेगा। इस प्रकार इरादा (जब सीएसएस right संपत्ति का उपयोग कर की तरह) सही करने के लिए दाईं ओर सापेक्ष स्थिति पाने के लिए था तो कोड के अतिरिक्त आवश्यक है:।

$ ("# parent_container") innerWidth () - ($ ("# जो कुछ भी") ऑफसेट() बाईं + $ ("# जो कुछ भी") outerWidth())

इस कोड एनिमेशन में उपयोगी है आप सही पक्ष के रूप में स्थापित करने के लिए है, जहां।।। एक निश्चित एंकर जब आप प्रारंभ में सीएसएस में right संपत्ति सेट नहीं कर सकते हैं।

Answer 5

ब्रेंडन क्रॉफर्ड का यहां सबसे अच्छा जवाब था (टिप्पणी में), इसलिए मैं इसे तब तक उत्तर में ले जाऊंगा जब तक वह ऐसा नहीं करता (और शायद थोड़ा विस्तार कर सकता है)।

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

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

Answer 6

असल में ये केवल तभी काम करते हैं जब विंडो शीर्ष बाएं स्थिति से स्क्रॉल नहीं होती है।
आप विंडो स्क्रॉल मूल्यों घटाना प्राप्त करने के लिए एक ऑफसेट कि पुनः स्थिति तत्वों के लिए उपयोगी है ताकि वे पृष्ठ पर रहने:

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

Answer 7

एक div/table (left) = $("#whatever").offset().left; का लंगर बिंदु हो रही है - ठीक है!

div/table (right) का एंकर पॉइंट प्राप्त करना आप नीचे दिए गए कोड का उपयोग कर सकते हैं।

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

Answer 8

एक देशी डोम एपीआई कि बॉक्स से बाहर प्राप्त करते हैं, नहीं है - getBoundingClientRect:

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