滚动条隐藏在Firefox中

时间:2018-02-28 10:31:05

标签: html css

在我的网页上有一个下拉列表,其中包含4个关于我们,平台,联系我们和信息的链接。打开其中任何一个时,会出现一个滚动条(垂直)。

我尝试使用以下代码来支持不同的网络浏览器:

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

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

2 个答案:

答案 0 :(得分:0)

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

.container{
overflow-y:hidden;
}

答案 1 :(得分:0)

从Firefox 64开始,它运行良好:

scrollbar-width: none;