javascript - 隐藏在 Firefox 中的滚动条

标签 javascript html css firefox

在我的网页中有一个下拉菜单,其中包含 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 版本。有人可以帮我解决这个问题吗?我希望滚动条不可见但允许鼠标滚轮滚动。

最佳答案

如果没有 Firefox 中的 JavaScript,这是不可能的。如果有任何可能的机会,请尝试:

.container{
overflow-y:hidden;
}

关于javascript - 隐藏在 Firefox 中的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49027345/

相关文章:

html - 我怎样才能将 Logo 部分地放在图像上,然后在图像上放置文本

javascript - 关于 JavaScript 函数中未使用参数的 ReSharper 警告

javascript - 使用 Javascript 悬停时的 CSS 动画

html - 悬停时使用动画颜色填充文本颜色动画

php - 在 apache 下不显示外部图像

css - 我如何将图像设置在同一底层(仅使用 css 而不是 js)?

php - Javascript 在从 ajax 调用获取结果之前执行

javascript - Bootstrap 工具提示问题

javascript - 动态 dev 或 prod API 域 token 替换的 Grunt 配置?

javascript - 当我将鼠标悬停在另一个 div 上时,使用效果更改标题图像