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

Question

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

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

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

Answer 1

有Javascript方法,请参阅您复制的主题.

更好的解决方案是将目标div设置为overflow:scroll,并将其包装在8px更窄的第二个元素内,其溢出:隐藏.

目标元素将具有隐藏的滚动条.鼠标滚轮可以工作,但滚动条不会显示.

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

请注意,8px作为滚动条的宽度是一个随机数 - 它可能要多得多,并且可能需要每个浏览器CSS.

在我的书中仍然比JS更好.