2013-10-30 15 views
12

मैं बूटस्ट्रैप 3 का उपयोग कर रहा हूं और मैं स्क्रोल करने योग्य सामग्री DIV बनाने की कोशिश कर रहा हूं। मेरे पास बाईं तरफ नेविगेशन और एक शीर्ष बार वाला ग्रिड है और मध्य में मेरे पास स्क्रॉल करने योग्य सामग्री है।बूटस्ट्रैप 3 - स्क्रॉल करने योग्य सामग्री div

यह काम करता है जब मैं सामग्री div पर एक निश्चित ऊंचाई का उपयोग करता हूं ... लेकिन मुझे इसके बजाय 100% का उपयोग करने के लिए चाहिए।

<div class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"> 
some content... 
</div> 

सीएसएस:

html,body 
{ 
height:100%; 
overflow:hidden; 
} 

मैं इस ऊंचाई के साथ काम करने के लिए कैसे मिल सकता है: 100%;

धन्यवाद!

+0

ओवरफ्लो-वाई: स्क्रॉल आपके लिए काम करता है? क्षमा करें मेरे फोन – EnduroDave

+0

पर परीक्षण नहीं किया गया है मुझे उपरोक्त कोड के साथ सामग्री DIV में कोई वर्टिकल स्क्रॉलबार नहीं मिला है ... इसलिए अतिप्रवाह-वाई मदद नहीं करता है। –

+0

हम्म। अपनी पोस्ट को फिर से पढ़ने के बाद, मैं सिर्फ यह जांचना चाहता हूं कि आपको स्क्रोल करने योग्य div की आवश्यकता है या क्या आप बस अपना बायां एनवी और शीर्ष नौसेना तय करना चाहते हैं जबकि शेष पृष्ठ बूस्टर डॉक्स पृष्ठों के समान चलता है? – EnduroDave

उत्तर

23

आप जिस स्क्रॉल को स्क्रॉल करना चाहते हैं उसके लिए प्री-स्क्रोल करने योग्य कक्षा जोड़ सकते हैं।

आप खोज .css एक अधिकतम-ऊंचाई वहाँ है, लेकिन आप संपादित नहीं कर सकते हैं। तो आप सुनिश्चित हैं कि यह उस अधिकतम मूल्य के लिए विंडो में पृष्ठ को अधिकतम करेगा।

उम्मीद है कि यह मदद करता है, मैंने स्क्रॉल करने योग्य divs के साथ एक पृष्ठ के लिए इसका उपयोग किया।

+0

यह मेरे लिए काम करता है उदा।

gihanchanuka

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