【发布时间】:2019-11-14 11:35:30
【问题描述】:
此问题仅针对 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。
【问题讨论】:
-
您似乎已经在这里回答了自己的问题。您究竟需要什么帮助?
-
我发布的 CSS 规则不适用于 Windows。我可以添加屏幕截图,但我想这个问题是众所周知的。人们不断在 SO 中建议“nicescroll.js”。