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

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

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

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

Answer 1

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

一个更好的解决scheme是设置目标div溢出：滚动，并将其包裹在第二个8像素较窄，溢出：隐藏的元素。

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

 <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 ，它允许你用自定义的replace浏览器滚动条：

既然你可以使用CSS来定制这些自定义滚动条，你可以很容易地使它们消失（尝试类似于： .jScrollPaneTrack { display: none; } ）