jQuery jQuery के साथ एक विशिष्ट div

के सापेक्ष शीर्ष ऑफ़सेट प्राप्त करें, आप किसी विशिष्ट कंटेनर से संबंधित ऑफ़सेट स्थिति कैसे प्राप्त करेंगे?jQuery jQuery के साथ एक विशिष्ट div

<body style="padding:20px"> 
<div id="top-container" style="margin-top:20px"> 
    <div id="one-level-container" style="margin-top:70px"> 
     <div id="two-level-container" style="margin-top:120px"> 
      <div id="ELEMENT" style="margin-top:10px"> 
      </div> 
     </div> 
    </div> 
</div> 
</body>

(गद्दी और मार्जिन टॉप के उदाहरण के लिए बस नहीं है।)

आप के लिए #ELEMENT की स्थिति शीर्ष कैसे की जाँच करेगा:

उदाहरण के लिए, आप इस राशि # शीर्ष कंटेनर?

मैंने jQuery के ऑफ़सेट और स्थिति का उपयोग करने का प्रयास किया है, लेकिन ऐसा लगता है कि मुझे सही ऑफ़सेट नहीं मिल रहा है।

स्रोत

2013-06-20 Zach Reed

उपयोग $.offset(), उदाहरण के

alert($("#ELEMENT").offset().top - $("#top-container").offset().top)

body { 
 
    background: blue 
 
} 
 

 
div { 
 
    padding: 20px 
 
} 
 

 
#top-container { 
 
    background: green 
 
} 
 

 
#one-level-container { 
 
    background: red 
 
} 
 

 
#two-level-container { 
 
    background: black 
 
} 
 

 
#ELEMENT { 
 
    background: orange 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<body style="padding:20px"> 
 
<div id="top-container" style="margin-top:20px"> 
 
    <div id="one-level-container" style="margin-top:70px"> 
 
     <div id="two-level-container" style="margin-top:120px"> 
 
      <div id="ELEMENT" style="margin-top:10px"> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div> 
 
</body>

स्रोत

2013-06-20 16:23:59

के लिए एकदम सही काम करता है, धन्यवाद! :) –

उत्कृष्ट विचार! वील – Polaris

किया यह मेरे लिए काम करता है ... धन्यवाद – Rajaraman

jQuery jQuery के साथ एक विशिष्ट div

उत्तर

संबंधित मुद्दे