2016-05-04 6 views
0

Я создал этот html-файл, где данные загружаются с использованием ajax-запросов, но с ним возникает неудобная проблема. Он не показывает вертикальную прокрутку в любом браузере.Вертикальная полоса прокрутки не работает или отображается

HTML

<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> 

CSS

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

#white { 
    background: white; 
    height: auto 
} 

, что может быть проблема.

+3

Настройте пример на обслуживание как jsfiddle. – Rvervuurt

+2

Где вы ожидаете появления полосы прокрутки? – Justinas

+0

Я просто догадываюсь, что элемент 'showall' становится большим, если это так:' #showall {overflow: scroll;} ' – d4rty

ответ

2

Набор высоты на ваши результаты контейнера #showall

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

Как некоторые общие примечания, замените элементы '

' (которые устарели (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center) с 'div' класса'. center {text-align: center;} '(тогда вам не понадобится элемент'
'). –

+0

и этот метод решил мою проблему немного. Спасибо. – rohitsaroha125

+0

Отлично, спасибо - если бы вы могли проверить это как правильный ответ, это было бы хорошо. –

0

Scroll свойство работы с высотой и шириной вместе с переливной свойством содержимого

если ваша высота содержимого и ширина меньше высоты экрана и ширина в в этом случае прокрутка не появится, если содержимое, полученное из высоты и ширины контейнера, наступит.

проверьте, например, как

окно прокрутки http://fiddly.org/4b43b

контейнер прокрутки http://fiddly.org/4b43b/2

Смежные вопросы