Div垂直滚动条显示
我想知道如何可能永久显示一个div的垂直栏(如果没有滚动灰色)类似于我们的常规酒吧。 基本上我试图把整个网站放在一个div(如gmail / facebook),所以如果页面不够长,整个页面会移动,因为缺less垂直滚动条。
我需要解决这个问题。 我尝试了overflow-y:scroll。 但它似乎并没有工作。
你在testing什么浏览器?
你有什么DOCType?
你究竟如何声明你的CSS?
你确定你没有错过一个;
overflow-y: scroll
之前/之后overflow-y: scroll
?
我刚刚在IE7和Firefox中testing以下,它工作正常
<!-- Scroll bar present but disabled --> <div style="width: 200px; height: 100px; overflow-y: scroll;"> test </div> <!-- Scroll bar present and enabled --> <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>
你有没有尝试overflow-y:auto? 这不正是你想要的,因为滚动条只会在需要的时候出现。
始终:如果您始终需要垂直滚动条,请使用overflow-y: scroll;
的jsfiddle:
<div style="overflow-y: scroll;"> ...... </div>
需要时 :如果您只需要垂直滚动条,请使用overflow-y: auto;
(在这种情况下,你需要指定一个高度)
的jsfiddle:
<div style="overflow-y: auto; height:150px; "> .... </div>