Div垂直滚动条显示

87

我想知道是否有可能永久显示div的垂直条（如果没有滚动，则显示为灰色），类似于我们的常规条。基本上，我试图将整个网站放在div中（例如gmail / facebook），因此，如果页面不够长，则由于缺少垂直滚动条，整个页面都会移动。

我需要解决这个问题的方法。我尝试了溢出-y：滚动。但这似乎根本不起作用。

html css

— 亚历克斯·斯玛特
source

182

您正在使用哪种浏览器进行测试？

您设置了什么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>

展开摘要

— 伊恩·坎贝尔
source

也已在IE7和FireFox中进行了测试，并且<div style =“ overflow-y：scrol”> Hello </ div>即可运行。

— Staale，2009年

1

这是我正在使用的样式表：#main_container {width：100％; 背景颜色：#eeeeee; 溢出y：滚动；高度：100％; 位置：绝对；}

— Alec Smart

<！DOCTYPE HTML PUBLIC“-// W3C // DTD HTML 4.01 Transitional // EN”“ w3.org/TR/html4/loose.dtd ”>

— Alec Smart，2009年

哦，它现在正在工作...谢谢..我bychance在div中放置了一个样式标签，说“ overflow：auto”，这覆盖了我的外部CSS ...

— Alec Smart，2009年

30

你试过了overflow-y:auto吗？这并不是您想要的，因为滚动条仅在需要时显示。

— 炸薯条
source

29

始终：如果始终需要垂直滚动条，请使用overflow-y: scroll;

jsFiddle：

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

需要时：如果仅在需要时才需要垂直滚动条，请使用overflow-y: auto;（在这种情况下，您需要指定高度）

jsFiddle：

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

— 拉赞·保罗
source