Div вертикальная полоса прокрутки шоу

Question

Мне интересно, как можно постоянно показывать вертикальную полосу div (серого цвета, если нет прокрутки), как наши обычные полосы. В основном я пытаюсь поместить весь сайт в div (например, gmail / facebook), поэтому, если страница недостаточно длинная, вся страница сдвигается из-за отсутствия вертикальной полосы прокрутки.

Мне нужно решение этой проблемы. Я попытался переполнение-у: прокрутки. Но, похоже, это совсем не работает.

Answer 1

В каком браузере вы тестируете?

Какой DOCType вы установили?

Как именно вы декларируете свой CSS?

Вы уверены, что не пропустили ; до / после overflow-y: scroll?

Я только что проверил следующее в IE7 и Firefox, и оно отлично работает

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

Answer 2

Вы пробовали overflow-y:auto? Это не совсем то, что вы хотите, так как полоса прокрутки появится только при необходимости.

Answer 3

Всегда: Если вы всегда хотите вертикальную полосу прокрутки, используйте overflow-y: scroll;

jsFiddle:

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

При необходимости : если требуется вертикальная полоса прокрутки, когда это необходимо, используйте overflow-y: auto; (в этом случае необходимо указать высоту)

jsFiddle:

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