कुछ ऊंचाई के बाद स्क्रॉल कैसे दिखाएं लेकिन ऊंचाई तय नहीं की जानी चाहिए?

Question

मेरे पास निम्न शैली वाला एक div है: ऊंचाई: 250 पीएक्स; स्क्रॉल: ऑटो; मैं इसे 250 पीएक्स के बाद स्क्रॉल करना चाहता हूं लेकिन इसमें सामग्री के अनुसार ऊंचाई होना चाहिए।

उदाहरण के लिए, यदि इसमें सामग्री 100px है, तो div की ऊंचाई स्क्रॉल के बिना 100 होनी चाहिए। लेकिन, यदि ऊंचाई 250px से अधिक है, तो उसे स्क्रॉल दिखाना चाहिए।

यह कैसे कर सकता है?

Answer 1

इसे आजमाएं: अधिकतम ऊंचाई को चाल चलनी चाहिए।

एचटीएमएल

<div class="height"> 
    blah<br/> 
    blah<br/> 
</div> 

सीएसएस:

.height { max-height:250px; border:1px solid red; overflow:auto; } 

Answer 2

इस है कि तुम क्या करने के बाद कर रहे हैं?

Demo

सीएसएस:

.dyn-height { 
    width:100px; 
    max-height:250px; 
    overflow-y:scroll; 
}

height: वैकल्पिक - बस डेमो के लिए।

Answer 3

उपयोग overflow-yauto विकल्प के साथ। इस तरह स्क्रॉल बार तब तक दिखाई नहीं देगा जब तक इसकी आवश्यकता न हो। अन्यथा स्क्रॉल बार प्रदर्शित होगा, भले ही आपको इसे दिखाने की आवश्यकता न हो।

.my_div { 
     width:100px; 
     max-height:250px; 
     overflow-y:auto; 
    }