स्क्रॉल बार को छिपाने के लिए कैसे छिपाना है, यदि आवश्यक नहीं है तो हटाएं

Question

मेरे पास एक उदाहरण here है।

असल में मेरे पास एक स्क्रॉल बार है जो हमेशा मौजूद होता है, भले ही वर्तमान में इसकी आवश्यकता न हो। समस्या: मैं एक स्क्रॉल बार दिखाना चाहता हूं यदि मेरे div की ऊंचाई 300 पिक्स से अधिक हो।

<fieldset id="typography"> 
<ul> 
    <li><label for="Poll Question">Header</label></li> 
    <li><input type="text" id="formheader" value="Header"></input></li> 
    <div class="scroll">   
     <li><label>Answers</label></li> 
     <li id="formanswer1" class="clonedInput"><input type="text" id="formanswer1" value="" /></li> 
     <li id="formanswer2" class="clonedInput"><input type="text" id="formanswer2" value="" /></li> 
     <li id="formanswer3" class="clonedInput"><input type="text" id="formanswer3" value="" /></li> 
    </div>  
    <li><input type="button" id="btnAdd" value="Add Answer" /> 
    <input type="button" id="btnDel" value="Remove Answer" /></li> 
</ul> 

मैं किसी भी मदद appriciate होगा। मुझे पता है कि मुझे जेएस का उपयोग करने की ज़रूरत है, लेकिन मुझे यह भी सुनिश्चित नहीं है कि कहां से शुरू किया जाए।

प्रश्न 2: क्या कोई आसान आदेश है जिसका उपयोग मैं उस बटन का उपयोग कर सकता हूं जब मैं स्क्रॉलर के बहुत नीचे स्क्रॉल करता हूं?

Answer 1

अपने सीएसएस में चेक सिर्फ सेट height बजाय max-height और overflow : auto निर्धारित करते हैं, इस अद्यतन के अनुसार आपके डेमो के लिए: http://jsfiddle.net/nnnnnn/83659/4/

div.scroll { 
    background-color:#00FFFF; 
    width:190px; 
    height:90px; 
    overflow:auto; 
} 

प्रश्न 2: अगर आप अपने नए जोड़े गए इनपुट पर .focus() फोन यह दृश्य में लाने के लिए और क्षेत्र में कर्सर रखना चाहिए: http://jsfiddle.net/nnnnnn/83659/4/

वैकल्पिक रूप से आप (गैर jQuery) दृश्य में तत्व स्क्रॉल करने के लिए उपयोग कर सकते हैं .scrollIntoView() function इसे ध्यान देने के बिना।

Answer 2

बस जोड़ने के एक निश्चित height और overflow: auto:

.scroll { 
    background-color: #00FFFF; 
    width: 190px; 
    height: 100px; 
    overflow: auto; 
} 

यहाँ http://jsfiddle.net/83659/2/