IE6,IE7和IE8默认显示页面的垂直滚动条,即使它不可滚动。 Chrome和Firefox不这样做(我假设Opera和Safari不一样)。您可以使用CSS在FireFox中完成相同的行为:
body { overflow: -moz-scrollbars-vertical; }
有没有办法在其他三个浏览器中强制显示可见滚动条?或者甚至更好,一种标准的方式吗?
答案 0 :(得分:6)
您可能(另外)需要包含-ms-overflow-y
和/或-moz-scrollbars-vertical
,如this other StackOverflow post中所述:
html {
overflow: -moz-scrollbars-vertical; /* For FF */
-ms-overflow-y: scroll; /* For IE */
overflow-y: scroll; /* For others & old IE */
}
html { overflow-y: scroll; }
经测试&已成功验证:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html { overflow-y: scroll; }
</style>
</head>
<body>
Test content
</body>
</html>
答案 1 :(得分:3)
html { height: 100%; margin-bottom: 1px; }
有关详细信息,请参阅Forcing scrollbars (now even better)。