ऑफ़सेटएक्स, ऑफ़सेट और पेजएक्स, पेजवाई के बीच क्या अंतर है?

Question

मुझे एक पॉपअप div की आवश्यकता है जो मैंने क्लिक किए गए एंकर के ठीक नीचे दिखाई देगा। अब, मैं एक एंकर की क्लिक घटना पर एक्स और वाई निर्देशांक निर्धारित करना चाहता हूं। ऐसा करने का सबसे अच्छा अभ्यास क्या है? उपयोग करने के लिए सलाह देने योग्य घटना गुण क्या हैं? जबकि पृष्ठ X और पृष्ठ Y दस्तावेज़ के सापेक्ष हैं

Answer 1

offsetX और offsetY, पैरेंट कंटेनर के सापेक्ष हैं। .offset() और .position() के साथ इसे भ्रमित न करें, जिसमें .offset() दस्तावेज़ के सापेक्ष है और .position() मूल कंटेनर के .offset() से संबंधित है।

कुछ इस उदाहरण की तरह काम करना चाहिए (JQuery):

$('a').click(function(){ 
    var offset = $(this).offset(); 
    $('#popup_div').css('top',offset.top + 'px').css('left',offset.left + 'px').show(); 
}); 

http://api.jquery.com/offset/

http://api.jquery.com/position/

Answer 2

2 प्रलेखन वेबसाइट से अर्क

.स्थिति() विधि की अनुमति देता है हम एक तत्व रिश्तेदार की वर्तमान स्थिति को पुनः प्राप्त करने के लिए ऑफसेट माता पिता

http://api.jquery.com/position/

---

को .offset() विधि हमें दस्तावेज़ में एक तत्व रिश्तेदार की वर्तमान स्थिति को पुनः प्राप्त करने की अनुमति देता है।

http://api.jquery.com/offset/