Question

我想知道如何永久地显示div的垂直条（如果没有滚动则显示为灰色）类似于我们的常规条。基本上我试图将整个网站放在div中（比如gmail / facebook），所以如果页面不够长，整个页面会由于缺少垂直滚动条而移位。

我需要一个解决这个问题的方法。我试过overflow-y：滚动。但它似乎根本不起作用。

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>

Div垂直滚动条显示

3 个答案: