如何使用 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

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

进一步调查后编辑： 首先，我不完全确定您要隐藏什么，水平滚动条、垂直滚动条或两者兼而有之。

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

Answer 2

我已经在 FIREFOX 中尝试过代码，它可以工作。 （代码是您提供的代码）。

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

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