有没有办法禁用自定义 webkit 滚动条？

Question

是否有扩展程序、自定义用户样式表等可以禁用或恢复基于 Webkit 的浏览器（如 Google Chrome）中滚动条的自定义？我喜欢简单的原生滚动条，但我似乎无法找到 CSS 的组合来使它们在通过 CSS 样式化后重新出现。

Answer 1

不幸的是，CSS 一旦激活就无法“禁用”或恢复：

\n

\n

::-webkit-scrollbar 不能简单地覆盖以获取默认样式，唯一的方法是从代码中删除所有 ::-webkit-scrollbar 规则。此时，必须强制可滚动区域重新绘制滚动条。为此，您可以快速添加和删除 display:none; from 或使用 Overflow:hidden; 执行相同的操作 在可滚动元素上。第一个的问题是每次页面加载时页面都会闪烁白色；第二个是资源密集型的，因为它必须检查页面上的任何元素是否溢出\xe2\x80\x94，这并不理想。

\n

\n

上面的链接来自一个脚本，该脚本将完全删除自定义栏，从而使您没有滚动条。

\n