jquery - 可滚动插件不起作用

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;
}