jq怎么做局部div滚动？

Question

<style>
.top , .bottom{height:130px;background:#000;} .center{height:400px;overflow:hidden;position:relative;}
.center .box{width:100%;height:100%;position:absolute;}
.center .box ul{overflow:hidden;}
.center .box ul li{background:red;height:400px;width:100%;}
</style>

<div class="top"></div>

<div class="center">
    <div class="box">
        <ul>
        <li></li>
        <li></li>
        </ul>
    </div></div>

<div class="bottom"></div>

jq怎么做ul li的局部滚动，中间这块不能出现滚动条。还要考虑阻止浏览器滚动条事件。
需求是：用鼠标滑轮滚动。li会下滚或者上滚。前提是我这个鼠标在这里center范围，在范围外面可以使用浏览器的滚动事件，里面的禁止。