Question

我试图隐藏滚动条的特定部分。我的确切要求是隐藏scrollbar-track-piece，但实际srcollbar-thumb可见。（https://css-tricks.com/almanac/properties/s/scrollbar/）

虽然我很确定这是不可能的，但我只是在这里发布这个问题，以防我错了。

我已尝试pointer-events: none，设置display: none并修改z-index，但似乎都没有效果。如果可能的话，我不想使用JavaScript。

仅在Chrome中使用它对我来说已经足够了。（在Electron中尝试这个）

提前致谢！

用例：我尝试制作半原生的半自定义滚动条，您可以点击并拖动scrollbar-thumb以使其行为像滚动条一样，但点击scrollbar-track-piece，isn＆有可能。我做了一件小事：

Answer 1

使用这些特定于供应商的选择器，您可以在Chrome中轻松完成此操作。我不确定所有浏览器都支持此功能，但Chrome确实支持。

   ::-webkit-scrollbar-track { display: none; cursor: none; pointer-events: none }

您可以在此处找到有关滚动条的CSS样式的所有信息：

但是，如果您真的想要创建适用于所有浏览器的自定义滚动条，则需要使用javascript。现在......