如何使用Firefox在页面上隐藏垂直和水平滚动条？

Question

我知道这是重复性问题，但是尝试在各种站点中使用各种方法进行显示时问题仍然没有解决，但是在chrome中，滚动条正在隐藏并且运行良好，但是在Mozilla Firefox中，即使我为-moz。

下面是我的代码：

.scroll-box {
    overflow-y: scroll;
    height: 100px;
    padding: 1rem;
    overflow-x: hidden;
}

// this is for google
.scroll-box::-webkit-scrollbar {
    display: none;
}

对于Firefox，我从文档中进行了尝试，然后它也显示了滚动条

overflow-y: -moz-hidden-hidden

以下是网址示例：

https://stackblitz.com/edit/angular-usy73w

Answer 1

我已经尝试了代码IN FIREFOX，并且可以正常工作。 （该代码是您提供的代码）。

也许，尝试在firefox上重置浏览器设置，看看是否有帮助。

此外，我相信您正在尝试隐藏水平滚动条。如果不是这种情况，并且您要隐藏垂直滚动条，则只需切换溢出x和y属性。

Answer 2

我已经在Codepen中测试了代码，它可以按预期工作。

经过进一步调查后编辑： 首先，我不确定您要隐藏的内容，水平滚动条，垂直滚动条或两者。

如果您想同时隐藏两者，则overflow:hidden应该可以解决问题。我已经将您的问题解释为要隐藏垂直滚动条。在这种情况下，由于您的-webkit-scrollbar css属性，它实际上可以在Firefox中（根据您的代码）正常工作，并在Chrome中隐藏。