Мне интересно, как можно постоянно показывать вертикальную полосу прокрутки в div (серая, если нет прокрутки), подобно нашим обычным полосам. В основном я пытаюсь поместить весь сайт в div (как gmail/facebook), так что если страница недостаточно длинная, вся страница сдвигается из-за отсутствия вертикальной полосы прокрутки.
Мне нужно решение этой проблемы. Я пробовал использовать overflow-y:scroll. Но, похоже, это не работает.
В каком браузере вы проводите тестирование?
Какой тип DOCType вы установили?
Как именно вы объявляете свой CSS?
Вы уверены, что не пропустили ;
до/после overflow-y: scroll
?
Я только что протестировал следующее в IE7 и Firefox, и оно работает нормально
Пробовали ли вы overflow-y:auto
? Это не совсем то, что вы хотите, так как полоса прокрутки будет появляться только тогда, когда это необходимо.
Всегда : Если вам всегда нужна вертикальная полоса прокрутки, используйте overflow-y: scroll;
.
[jsFiddle:](
)<div style="overflow-y: scroll;">
......
</div>
Когда необходимо: Если вертикальная полоса прокрутки нужна только при необходимости, используйте overflow-y: auto;
(В этом случае нужно указать высоту).
[jsFiddle:](http://jsfiddle.net/xEy9E/273/)
<div style="overflow-y: auto; height:150px; ">
....
</div>