-moz-scrollbars-vertical相当于Chrome / Opera / Safari?

时间:2009-11-25 23:31:34

标签: css scrollbar

IE6,IE7和IE8默认显示页面的垂直滚动条,即使它不可滚动。 Chrome和Firefox不这样做(我假设Opera和Safari不一样)。您可以使用CSS在FireFox中完成相同的行为:

body { overflow: -moz-scrollbars-vertical; }

有没有办法在其他三个浏览器中强制显示可见滚动条?或者甚至更好,一种标准的方式吗?

2 个答案:

答案 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; }

请参阅"overflow-y" at W3Schools

经测试&已成功验证:

  • FF 7
  • Chrome 15
  • IE 5 + 6 + 7 + 8 + 9 + 10(平台预览)w / IETester
  • Opera 11.52
  • Safari / Win 5.1.1

完整示例

<!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)