可滚动插件不起作用

Question

我正在使用Jquery工具可滚动插件。 我想在鼠标滚轮移动时一次滚动一个图像列表。 但我无法通过我正在处理的代码实现这一目标。 请帮忙。

编辑：通过按向上和向下箭头但不通过鼠标滚轮进行滚动。

HTML：

<div class = "scrollable vertical">
    <div class = "items">
        <div><div class = "item"></div></div>
        <div><div class = "item"></div></div>
        <div><div class = "item"></div></div>
    </div>
</div>

Jquery代码：

$(document).ready(function() {
    $('.scrollable').scrollable({vertical : true, mousewheel : true});
});

CSS：

.scrollable {
position:relative;
overflow:hidden;
height: 150px;
width: 150px;
}
.scrollable .items {
position:absolute;
height:20000em;
}