वर्टिकल स्क्रॉल बार काम नहीं कर रहा है या दिख रहा है - एचटीएमएल, सीएसएस

मैंने यह HTML फ़ाइल बनाई है जहां AJAX अनुरोधों का उपयोग करके डेटा लोड किया गया है लेकिन इसके साथ एक अजीब समस्या है। यह मुझे किसी भी ब्राउज़र में लंबवत स्क्रॉल नहीं दिखा रहा है।

एचटीएमएल

<div id="register1">
<h2><center>Live Conversation</center></h2>
<div id="showall">
//data is loaded here using ajax request
</div>
<div id="white">
<center>
<textarea rows="5" cols="97" id="writebody"></textarea>
</center>
<br> // $msg is already set in my file
<input type="button" name="enterbody" value="send" id="enterbody<?php echo $msg; ?>">
</div>
</div>

सीएसएस

#register1 {
background: #f0f0f0;
color: black;
margin-left: auto;
margin-right: auto;
width: 800px;
margin-top: 100px
}

#white {
background: white;
height: auto
}

क्या समस्या हो सकती है।

उत्तर:

जवाब के लिए 2 № 1

अपने परिणाम कंटेनर पर ऊंचाई निर्धारित करें #showall

#showall {
height: 400px;
overflow: auto;
}

जवाब के लिए 0 № 2

ओवरफ्लो संपत्ति के साथ सामग्री ऊंचाई और चौड़ाई के साथ स्क्रॉल संपत्ति का काम करें,

यदि आपकी सामग्री की ऊंचाई और चौड़ाई कम है तो स्क्रीन की ऊंचाई और चौड़ाई उस मामले में स्क्रॉल दिखाई नहीं देगी, अगर सामग्री कंटेनर ऊंचाई से बाहर हो गई है और चौड़ाई स्क्रॉल आ जाएगा

इस तरह की जांच करें

खिड़की स्क्रॉल http://fiddly.org/4b43b

कंटेनर स्क्रॉल http://fiddly.org/4b43b/2


संबंधित सवाल
सबसे लोकप्रिय