隐藏在 Firefox 中的滚动条答案

【问题标题】：Scrollbar hiding in Firefox隐藏在 Firefox 中的滚动条
【发布时间】：2019-06-17 23:39:58
【问题描述】：

在我的网页中有一个下拉菜单，其中包含 4 个指向关于我们、平台、联系我们和信息的链接。打开它们中的任何一个时，都会出现一个滚动条（垂直）。

我尝试了以下代码来支持不同的网络浏览器：

.container {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}
.container::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}

适用于 chrome 和 safari。但对于 Firefox，它不起作用。我知道 -moz-scrollbars-none 对于最新的 Firefox 版本已被弃用。有人可以帮我解决这个问题吗？我希望滚动条不可见，但允许鼠标滚轮滚动。

【问题讨论】：

在.container中尝试overflow-y:hidden
据我所知，如果不使用 JavaScript，就无法在 Firefox 中完成您想做的事情。
我是 JS 新手，写个 JS 会很困难
试试@Bhuwan 例子
已经尝试过，但在 Firefox 中仍然无法正常工作。

标签： javascript html css firefox

【解决方案1】：

如果没有 Firefox 中的 JavaScript，这是不可能做到的。如果有任何可能，请尝试：

.container{
overflow-y:hidden;
}

【讨论】：

【解决方案2】：

从 Firefox 64 开始运行良好：

scrollbar-width: none;

【讨论】：