क्या मैं JQuery के साथ एक div के निर्देशांक प्राप्त कर सकता हूं?

Question

पृष्ठ पर div का पोस्ट भिन्न होता है। मैं शीर्ष से वाई स्थिति कैसे प्राप्त कर सकता हूं?

Answer 1

jQuery ('# आईडी')। ऑफसेट()

शार्ष और दाएं ऑफसेट के साथ एक वस्तु देता है।

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

Answer 2

तुम भी स्थिति समारोह जो हो जाता है एक ऑफसेट माता पिता सापेक्ष स्थिति में रुचि हो सकती (बनाम ऑफसेट जो यह दस्तावेज़ के सापेक्ष हो जाता है)

var position = $('#id').position(); 

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

Answer 3

तो आपको विकल्प चुनना है। स्थिति() या ऑफ़सेट()।

स्थिति() मूल रूप से सीएसएस शीर्ष, बाएं गुणों में आप जो भी उपयोग कर सकते हैं उसके समान ही।

ऑफ़सेट() दस्तावेज़ से संबंधित दूरी वापस कर देगा। यह मार्जिन, पैडिंग और सीमाओं को मानता है।

<style> 
    .cont { 
     position: absolute; 
     top: 100px; 
     left: 100px; 
     border: solid 3px black; 
    } 
    p { 
     margin: 20px; 
     padding: 20px; 
     border: solid 2px black; 
     position: absolute; 
     top: 20px; 
     left: 20px; 
    } 
    </style> 

    <div class="cont"> 
     <p>Hello World!</p> 
    </div> 

    $('p').position() => { top: 20, left: 20 } 
    $('p').offset() => { top: 143, left : 143 } 

सूचना कैसे स्थिति मूल्यों सीएसएस मूल्यों के रूप में ही हैं, और ऑफसेट माता पिता की स्थिति, माता पिता की सीमा और तत्व है ('पी') मार्जिन और गद्दी पर विचार करता है।

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS