在 MS Edge 和 Firefox 中隐藏滚动条？ [复制]答案

【问题标题】：Hiding the scroll bar in MS Edge and Firefox? [duplicate]在 MS Edge 和 Firefox 中隐藏滚动条？ [复制]
【发布时间】：2015-12-19 22:01:19
【问题描述】：

我有一个可滚动的菜单，它需要是可滚动的。我使用以下方法在 Chrome 中隐藏滚动条：

.menu::-webkit-scrollbar { 
    display: none; 
}

哪个有效。 Firefox 和 MS Edge 有什么相同之处？

谢谢

【问题讨论】：

【解决方案1】：

overflow-y: auto 怎么样？只有当菜单比视口长时才会显示滚动条。

【讨论】：

【解决方案2】：

隐藏滚动条的标准方法是使用overflow: hidden;，您仍然可以使用鼠标的滚轮或触控板滚动手势进行滚动，或者使用 JavaScript 设置元素的滚动属性。

【讨论】：

【解决方案3】：

在您的网站上，当我打开 IE 的 F12 窗格并选择 <div class="menu..."> 并将 overflow-y: scroll; 更改为 overflow-y: none; 时，它会按照您的需要呈现。

您根本不需要特定于 webkit 的规则。

【讨论】：