css - 只隐藏滚动条，不禁用 Firefox Windows 上的滚动条

Question

此问题仅与 Windows 上的 Firefox 有关。

这是规范:应该隐藏滚动条，但应该启用滚动条。

在 MacOS 上，滚动条会自动隐藏，这样会减少不和谐的体验。但是在 Windows 上，滚动条只是停留在那里，不会自动隐藏。在 Windows 10 上，滚动条太方形太丑陋了。

---

以下是无效答案或附加限制:

• 不要在右侧/底部添加边距/填充，因为没有很好的预测值。
• 不要使用 {overflow:hidden}，因为它会禁用滚动。

---

这是一个 CSS 类，可以应用于所有具有此行为的 div/元素。这些规则现在不起作用，丑陋的滚动条仍然存在。

你会如何修复这个 CSS 类？？

.disable-scrollbars {
    scrollbar-width: none; /* Newer Firefox and not confirmed */
    overflow: -moz-scrollbars-none; /* Older Firefox*/
}

---

体验应该类似于带有 -webkit-scrollbar:none; 的 Chrome/Safari，它适用于 MacOS 和 Windows。

Answer 1

这不能仅使用 CSS 来解决。针对 Firefox 的公开问题已经讨论了 6 年多。

详情如下:https://bugzilla.mozilla.org/show_bug.cgi?id=77790#c188

在 Firefox 开发人员允许通过所谓的“CSS 滚动条模块”自定义滚动条之前，这个问题没有解决方案。

到那时，Windows 上的 Firefox 将具有难看的粗灰色滚动条。