当用户访问一个网页时,需要什么CSS来使浏览器的垂直滚动条保持可见(当该网页没有足够的内容来触发滚动条的激活)?
html {
overflow-y: scroll;
}
这就是你想要的吗?
不幸的是,Opera 9.64似乎忽略了应用于HTML
或BODY
的CSS声明,尽管它对其他块级元素如DIV
有效。
html {height: 101%;}
我使用这个跨浏览器的解决方案 (注意:我总是在第一行使用DOCTYPE声明,我不知道它在quirksmode中是否有效,从未测试过)。
这将在每个页面上**始终显示一个活跃的垂直滚动条,垂直滚动条只能滚动几个像素。
当页面内容**短于浏览器的可见区域(视口)时,你仍然会看到激活的垂直滚动条,而且它只能滚动几个像素。
如果你痴迷于CSS验证(我只痴迷于HTML验证),通过使用这个解决方案,你的CSS代码也会得到W3C的验证,因为你没有使用非标准的CSS属性,如-moz-scrollbars-vertical
。