启用叠加滚动条时,如何强制恢复经典滚动条样式?
强制禁用浏览器叠加滚动条,恢复经典始终可见样式?
近期主流浏览器开始采用叠加滚动条(overlay scrollbars),替代原本始终显示的经典滚动条样式,改为仅在用户执行滚动操作时才显示滚动条。

在macOS系统中,可通过以下系统设置开启叠加滚动条功能:进入系统设置 > 通用 > 显示滚动条,将选项设置为仅在滚动时。
核心问题:是否可以禁用叠加滚动条,强制浏览器始终显示经典样式,就像系统全局禁用该功能一样?
当前尝试的局限性:虽然可以通过为元素添加自定义样式(例如使用-webkit-scrollbar)强制显示滚动条,但存在明显问题:
- 滚动条没有实际宽度,会导致页面内容延伸至滚动条下方,布局出现异常
- 该方式会改变滚动条的默认样式,与网站上其他滚动条的设计风格不一致
内容的提问来源于stack exchange,提问作者Busti
相关产品推荐
相关产品推荐

