【问题标题】:Only hide scrollbar, not disable scrollbar on Firefox Windows仅隐藏滚动条,不禁用 Firefox Windows 上的滚动条
【发布时间】: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”。

标签: css windows firefox


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2013-03-01
    • 2017-01-06
    • 2011-02-22
    • 2014-09-14
    • 2020-01-22
    • 2011-08-14
    相关资源
    最近更新 更多