javascript - overflow:hidden; 鼠标的滚轮滚动还能使用，这个怎么实现的？

Question

http://amazeui.org/widgets
类似于这个网站的左侧导航那个

Answer 1

一般是在这个overflow:hidden;的容器上监听鼠标滚轮事件，然后在事件处理函数中处理列表滚动（调整列表位置）。

Answer 2

其实还有一种方法，假设没有那个上下箭头的花，纯粹的为了隐藏滚动条，但是还可以滚动，可以类似于这样：

html<p class="container">
  <p class="content">内容</p>
</p>

css.container {height:500px;overflow:hidden;width:200px;}
.content {height:100%;overflow:auto;width:100%;padding-right:20px;}

Answer 3

基本原理都是overflow hiden之后，通过注册scroll事件 然后根据滚轮的wheeldata来判断滚轮方向，设定滚动的步长， 改变scrolltop

Answer 4

可以用Iscroll.js插件，官方地址
一个比较直观的例子，你可以设置是否出现滚动条 http://lab.cubiq.org/iscroll5/demos/simple/
同时支持手机上的拖拽事件。