删除HTML滚动条但允许鼠标滚轮滚动

Question

  

可能重复：
  How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?

我可以通过设置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; }）