डीआर वर्टिकल स्क्रॉलबार शो

Question 1

मैं सोच रहा हूँ कि इसका नियमित रूप से एक div के वर्टिकल बार को कैसे प्रदर्शित किया जा सकता है (अगर वहाँ कोई स्क्रॉल नहीं है) तो हमारे रेगुलर बार की तरह ही है। मूल रूप से मैं एक संपूर्ण वेबसाइट को एक div (जैसे gmail / facebook) में रखने की कोशिश कर रहा हूं, इसलिए यदि पृष्ठ लंबे समय तक नहीं है तो ऊर्ध्वाधर स्क्रॉल बार की कमी के कारण पूरा पृष्ठ शिफ्ट हो जाता है।

मुझे इस समस्या का हल चाहिए। मैंने ओवरफ्लो-वाई की कोशिश की: स्क्रॉल। लेकिन यह बिल्कुल काम नहीं करता है।

Question 2

आप किस ब्राउज़र में परीक्षण कर रहे हैं?

आपने क्या DOCType सेट किया है?

आप वास्तव में अपने सीएसएस की घोषणा कैसे कर रहे हैं?

क्या आप वाकई ;पहले / के बाद नहीं छूटे हैं overflow-y: scroll?

मैंने अभी IE7 और फ़ायरफ़ॉक्स में निम्नलिखित परीक्षण किया है और यह ठीक काम करता है

<!-- Scroll bar present but disabled when less content -->
<div style="width: 200px; height: 100px; overflow-y: scroll;">
  test
</div>

<!-- Scroll bar present and enabled when more contents -->        
<div style="width: 200px; height: 100px; overflow-y: scroll;">
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
  test<br />
</div>

स्निपेट का विस्तार करें

Question 3

क्या आपने कोशिश की है overflow-y:auto? यह बिल्कुल वैसा नहीं है जैसा आप चाहते हैं, क्योंकि स्क्रॉलबार केवल तब ही दिखाई देगा जब जरूरत होगी।

Question 4

हमेशा: यदि आप हमेशा वर्टिकल स्क्रॉलबार चाहते हैं, तो उपयोग करेंoverflow-y: scroll;

jsFiddle:

<div style="overflow-y: scroll;">
......
</div>

जब जरूरत : यदि आप केवल ऊर्ध्वाधर स्क्रॉलबार चाहते हैं, तो उपयोग करें overflow-y: auto;(आपको इस मामले में एक ऊंचाई निर्दिष्ट करने की आवश्यकता है)

jsFiddle:

<div style="overflow-y: auto; height:150px; ">
....
</div>