仅在 Firefox 中显示滚动条答案

【问题标题】：Showing a scrollbar only in Firefox仅在 Firefox 中显示滚动条
【发布时间】：2012-05-03 16:45:56
【问题描述】：

我想在 div 的底部有一个滚动条，但这个 CSS 仅适用于 Firefox，不适用于 Safari 或 Chrome 等 Webkit 浏览器。

div.hoge {
    width: 500px;
    overflow: auto;
}

我搜索了一些页面，发现一些页面提到您应该使用 overflow-x 或 -webkit-overflow-scrolling，但它们也不起作用。需要使用一些 JS 吗？有什么猜测吗？

【问题讨论】：

【解决方案1】：

根据问题标题：您可以像这样编写 Mozilla 特定样式

@-moz-document url-prefix() {

    div.hoge {
        width: 500px;
        overflow: auto;
    }

}

【讨论】：

【解决方案2】：

这是一个在 x 上滚动的 div 的 example fiddle。如果您不包含white-space: nowrap，则文本只会在 div 内换行，并且只有垂直（y 方向）滚动条实际滚动。

小提琴显示了两个 div 元素；一个有nowrap，一个没有。我还在 div 上设置了边框，以便于查看。

【讨论】：

【解决方案3】：

溢出：自动；不做滚动 DIV，使用溢出：滚动；如果你想要它在任何特定的轴上，然后使用溢出-x：滚动；或溢出-y：滚动；

【讨论】：

【解决方案4】：

你试过overflow-x:scroll;吗？

还要确保 div.hoge 有足够的高度在底部显示滚动条。

【讨论】：