html - 移除 HTML 滚动条但允许鼠标滚轮滚动

Question

可能重复：
如何禁用浏览器或元素滚动条，但允许使用滚轮或箭头键滚动？

我可以通过设置 CSS 属性来禁用网格中的垂直滚动条overflow-y: hidden。但是，这也消除了使用鼠标滚轮滚动内容的能力。

有没有办法不显示滚动条但仍然允许通过鼠标滚轮或箭头键滚动内容？

Answer 1

有 Javascript 方法，请参阅您复制的线程。

更好的解决方案是将目标 div 设置为溢出：滚动，并将其包裹在第二个更窄 8px 的元素中，即溢出：隐藏。

目标元素将有一个隐藏的滚动条。鼠标滚轮可以工作，但滚动条不会显示。

<div style='overflow:hidden; width:200px;'>
   <div style='overflow:scroll; width:208px'>
      My mousewheel scrollable content here....
   </div>
</div>

请注意，滚动条的宽度 8px 是一个随机数 - 它可能更多，并且可能需要每个浏览器的 CSS。

在我的书中仍然比 JS 好。

Answer 2

您可以使用jScrollPane它允许您用自定义滚动条替换浏览器滚动条：

由于您可以使用 CSS 设置这些自定义滚动条的样式，因此您可以轻松地使它们消失（尝试类似.jScrollPaneTrack { display: none; }：）