मेरे पास एक div (#block_list
) के अंदर तत्व (.block
) हैं। #block_list
का अभिभावक एक और div (#block_list-wrapper
) है जिसमें एक निश्चित स्थिति है। अब #block_list-wrapper
में निश्चित स्थिति है, #block_list
के कुछ तत्व प्रदर्शित नहीं होते हैं। मैं उन्हें स्क्रॉलबार का उपयोग करके प्रदर्शित करना चाहता हूं।एक निश्चित स्थिति तत्व के अंदर स्क्रॉलबार प्रदर्शित करें
एचटीएमएल: codepen.io
पर
<div id="block_list-wrapper">
<div id="handle-wrapper">
<div id="handle">
<i class="fa fa-chevron-right"></i>
<i class="fa fa-chevron-left"></i>
</div>
</div>
<div id="block_list">
<div class="one_column_block-1 block">
<img src="static/image/one_column_block-1.png">
</div>
<div class="one_column_block-2 block">
<img src="static/image/one_column_block-2.png">
</div>
...
...
...
<div class="one_column_block-1 block">
<img src="static/image/four_column_block-3.png">
</div>
</div>
</div>
कोड डेमो मैं overflow: scroll
तो जैसे
#block_list-wrapper #block_list {
width: 250px;
overflow: scroll;
}
जोड़ने, कोशिश की, लेकिन यह भी मदद नहीं की।
#block_list
के अंदर सभी तत्वों (.block
) को प्रदर्शित करने के लिए मैं स्क्रॉल बार कैसे दिखा सकता हूं? सीएसएस के साथ ऐसा करना, अन्य उत्तर की तरह कहते हैं कि
$("#block_list").css("height", $(window).height())
एक अन्य समाधान हो सकता है, जाहिर है,:
'slimScroll' साथ प्रयास करें। –
किसी तत्व पर किसी भी प्रकार की स्कॉलिंग करने के लिए आपको एक निश्चित ऊंचाई जोड़ने की आवश्यकता है। http://codepen.io/anon/pen/WQpVgW –
@StefanPerju अरे, यहां रोमन लोगों से मिलने में खुशी हुई !! : डी –