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

下面是 url 示例:

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

Answer 1

我已经尝试过 FIREFOX 中的代码并且它有效。 (代码是您提供的代码)。

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

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