如何使滚动条重叠页面内容

Question

我想制作与页面重叠的滚动条。我想知道是否有办法用纯 CSS 来做到这一点。我阅读了一篇关于使用 CSS 设置滚动条样式的文章 ( https://css-tricks.com/custom-scrollbars-in-webkit )，但我没有得到想要的结果。我认为可以用一些固定位置的 JavaScript 和 HTML 元素来实现，但我更喜欢用 CSS 来实现。

原文由 Nejc Jezersek 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我在我的项目中有同样的要求。

这是解决方案：

 overflow: overlay

希望能帮助到你

原文由 Anugraha Acharya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

正如 Anugraha Acharya 所说，唯一的 CSS 选项是：

 overflow: overlay;

但值得注意的是，这已经被弃用了，所以不知道它在 Chromium / Webkit 中还能工作多久。

Firefox 不支持它，因此您必须执行以下操作以确保 Firefox 也可以滚动：

 overflow: scroll;
overflow: overlay;

这样，Firefox 将呈现为原始帖子中的“正常”图表，而 Chromium 将呈现为“我希望滚动的样子”。此外，如果 Chromium 掉落它，它仍然可以使用。

这目前从 2022 年 1 月起有效。

---

我相信，通过弃用，Mozilla 意味着它从未被正式添加，而不是被考虑并且现在已经被删除。因此，希望它会得到考虑并正式生效。同时，您自己承担风险。

原文由 atwright147 发布，翻译遵循 CC BY-SA 4.0 许可协议