http://amazeui.org/widgets
类似于这个网站的左侧导航那个
基本原理都是overflow hiden之后，通过注册scroll事件 然后根据滚轮的wheeldata来判断滚轮方向，设定滚动的步长， 改变scrolltop
一般是在这个overflow:hidden;的容器上监听鼠标滚轮事件，然后在事件处理函数中处理列表滚动（调整列表位置）。
可以用Iscroll.js插件，官方地址
一个比较直观的例子，你可以设置是否出现滚动条 http://lab.cubiq.org/iscroll5/demos/simple/
同时支持手机上的拖拽事件。
其实还有一种方法，假设没有那个上下箭头的花，纯粹的为了隐藏滚动条，但是还可以滚动，可以类似于这样：
html<div class="container"> <div class="content">内容</div> </div>
css.container {height:500px;overflow:hidden;width:200px;} .content {height:100%;overflow:auto;width:100%;padding-right:20px;}