在Firefox中获取停用的滚动条

Get a deactivated scrollbar in Firefox

提问人:Pekka 提问时间:11/15/2009 更新时间:11/15/2009 访问量:1202

问:

我有一个 Javascript 选项卡式对话框,其页面具有不同的高度。其中一些比浏览器窗口还高。

在 Internet Explorer 中,右侧始终有一个滚动条。当不需要它时,它会变灰。页面尺寸保持不变,没有问题。

在Firefox中,滚动条在不需要时是完全隐藏的,每个页面上的页面尺寸不断变化,因此整个选项卡式对话框的宽度也会发生变化(它有一个相对宽度)。这很烦人。

有没有办法将停用的滚动条“带回”Firefox,或任何其他方法可以解决这个问题?

HTML CSS Internet-Explorer Firefox 滚动条

评论


答:

6赞 Franz 11/15/2009 #1

将以下行添加到 :userContent.css

html { overflow: -moz-scrollbars-vertical !important; }

评论

2赞 Franz 11/15/2009
我应该补充一点,这解决了每个具有该“问题”的 Web 应用程序中“跳转”的问题。
0赞 Pekka 11/15/2009
我将其添加到我正在处理的网站样式表中,据我所知,它可以工作。这有多酷?多谢!
1赞 Franz 11/15/2009
如果这在其他 Web 应用程序中也惹恼了您,我建议您将其添加到您的文件中。这使您可以将自定义样式应用于所有网站。userContent.css
0赞 Phil Ross 11/15/2009
-moz-scrollbars-vertical 是特定于 Firefox (Gecko) 的。它不适用于其他浏览器。
0赞 Pekka 11/18/2009
@Franz,感谢 userContent .css提示,但我需要它才能全局工作。还是很高兴知道的。
8赞 Phil Ross 11/15/2009 #2

您可以使用 CSS3 overflow-y 属性:

html
{
  overflow-y: scroll;
}

这适用于 Firefox、Chrome、Safari 和 IE 8。

评论

0赞 Pekka 11/15/2009
它确实 - 我也不知道这一点,欢呼 - 但它在水平和垂直方向上都添加了条形图。我只需要垂直的。
0赞 Phil Ross 11/15/2009
我已经更新了我的答案 - 似乎 CSS3 overflow-y 属性得到了广泛支持,这将让您只启用垂直滚动条。