在Firefox中禁用滚动条

Question

我有一个JavaScript标签对话框，其中的页面具有不同的高度。其中一些比浏览器窗口更高。

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

在Firefox中，当不需要时，滚动条完全隐藏，每次页面更改都会不断改变页面的尺寸，从而改变整个标签对话框的宽度（它具有相对宽度）。这非常恼人。

是否有办法将被禁用的滚动条“返回”到Firefox，或者任何其他方法来解决这个问题？

- Pekka

Answer 1

您可以使用CSS3的overflow-y属性：

html
{
  overflow-y: scroll;
}

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

- Phil Ross

---

它确实可以 - 我也不知道，谢谢 - 但它会同时添加水平和垂直的线条。我只需要垂直的那些。 - Pekka

我已经更新了我的回答 - 看起来CSS3的overflow-y属性得到了广泛支持，这将让您仅启用垂直滚动条。 - Phil Ross

Answer 2

将以下行添加到您的userContent.css中：

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

- Franz

---

我应该补充一下，这解决了每个具有“跳跃”问题的Web应用程序中的问题。 - Franz

我已将其添加到我正在工作的网站样式表中，就我所知，它可以正常工作。这太酷了！非常感谢！ - Pekka

如果这在其他 Web 应用程序中也让你感到不适，请务必将其添加到您的 userContent.css 文件中。这样可以为所有网站应用自定义样式。 - Franz

“-moz-scrollbars-vertical” 是 Firefox（Gecko）特有的样式属性。它在其他浏览器中无法使用。 - Phil Ross

@Franz，感谢您提供的userContent.css提示，但我需要它在全局范围内工作。还是很好知道的。 - Pekka

“全局”是什么意思？如果将其添加到“userContent.css”，则适用于Firefox中的每个页面。 - Franz