jquery

Question

के साथ इसकी वास्तविक ऊंचाई के बजाय तत्व की दृश्य ऊंचाई प्राप्त करें यह पोस्ट this one से संबंधित है। कृपया इसे पढ़ने पर भी विचार करें। :-)

जिस पोस्ट से मैंने लिंक किया था, मुझे लगा कि मेरी समस्या का हल एक लिंक के लक्ष्य को बदलना होगा यदि div की दृश्य ऊंचाई किसी अन्य div की तुलना में अधिक है। मेरे लेआउट में, मैं जिन सभी divs का जिक्र कर रहा हूं उनमें 1100px की ऊंचाई है। लेकिन यह वह नहीं है जिसे मैं प्राप्त करना चाहता हूं। मैं चाहता हूं कि स्क्रिप्ट उस div की ऊंचाई प्राप्त करे जो वर्तमान में विज़िटर को दिखाई दे, न कि इसकी असली ऊंचाई। JQuery का उपयोग कर ऐसा करने का कोई तरीका है?

अग्रिम धन्यवाद!

Answer 1

व्यूपोर्ट डीआईवी की सामग्री को अन्य डीवी के साथ लपेटें। लक्षित करें कि सभी सामग्री की ऊंचाई को पढ़ने के लिए डीआईवी:

JQuery: $ ('div # content') ऊंचाई();

लेआउट:

<div id="viewport"> 
    <div id="contents">...all your div contents...</div> 
</div> 

आशा इस मदद करता है। शुभ लाभ।

Answer 2

क्या आपको एक निश्चित 1100 पीएक्स ऊंचाई का उपयोग करना है? क्योंकि आप अधिकतम ऊंचाई भी निर्दिष्ट कर सकते हैं: 1100 पीएक्स; और ऊंचाई: 100%; क्या आप द्वारा

$('.divclass').height(); 

Answer 3

div के अंदर डाल करने के लिए आप निश्चित रूप से वर्तमान ऊंचाई प्राप्त कर सकते हैं चाहते हैं पर निर्भर करता है आप क्या कर सकते अपनी मूल कंटेनर और के शीर्ष करने के तत्वों स्थान लेने तो शून्य से यह माता-पिता से है कंटेनर ऊंचाई। इससे आपको तत्व की दृश्य ऊंचाई मिल जाएगी।

$('#container').height() - $('#overflow').position().top 

यहाँ एक fiddle इस दिखा है।