仅隐藏滚动条，而不禁用Firefox Windows上的滚动条

Question

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

这里是规格：滚动条应隐藏，但应启用滚动。

在MacOS上，滚动条将自动隐藏，这会减少不愉快的体验。但是，在Windows上，滚动条仅停留在此位置，并且不会自动隐藏。在Windows 10上，滚动条太难看且太方形。

---

以下是无效答案或其他限制：

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

---

这是一个CSS类，可以应用于将具有此行为的所有div / element。到目前为止，这些规则不起作用，并且仍然保留了丑陋的滚动条。

您如何修复此CSS类？

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

---

体验应类似于在MacOS和Windows上均可使用的-webkit-scrollbar:none;的Chrome / Safari。

Answer 1

仅使用CSS无法解决此问题。针对Firefox的问题已经讨论了6年以上。

以下是详细信息：https://bugzilla.mozilla.org/show_bug.cgi?id=77790#c188

在Firefox开发人员允许通过称为“ CSS滚动条模块”的滚动条自定义之前，没有解决此问题的方法。

在此之前，Windows上的Firefox将具有丑陋的，可见的，灰色的滚动条。