Jquery 在带有按钮滚动功能的div中实现滚动选项

最近我尝试处理一个函数

jQuery（文档）.ready（函数（$）{
$（“.page_up”）。单击（函数（）{
如果（内容页>1）{
内容页--；
$（“.pageContent”）.animate({
“页边距顶部”：“+=160px”
}，“快速”，函数（）{
setPageArrows（）；
});
}
});
$（“.page_down”）。单击（函数（）{
if（contentPage

但我不知道如何添加鼠标滚动选项只使用css。添加溢出：自动；属性i仅在div位于其顶部位置时可用。当我使用添加的按钮向下滚动时，使用鼠标滚动的可能性消失了。有人有什么想法吗？在这个任务中有必要使用jQuery吗

顺便说一句，我需要摆脱croll栏，只留下按钮和鼠标滚动

---

编辑

---

不过，我使用了jScrollPane插件来达到预期的效果。谢谢。

我不太清楚你在找什么样的行为。如果你做了溢出：隐藏，它能做你想做的吗？不，因为溢出：隐藏完全丢失了鼠标滚动，我只需要用按钮和鼠标以及上面的配置来滚动，如果你看了我贴的小提琴，你应该知道我的意思。就像我说的，当我用鼠标滚轮向下滚动时，在当前条件下是不可能的。我需要改变它，但我不知道怎么做。也许有一个插件可以满足我的两个期望？

jQuery(document).ready(function($) {
    $(".page_up").click(function() {
        if (contentPage > 1) {
            contentPage--;
            $(".pageContent").animate({
                "margin-top" : "+=160px"
            }, "fast",function() {
                    setPageArrows();
                });
        }
    });

    $(".page_down").click(function() {
        if (contentPage < contentPages) {
            contentPage++;
            $(".pageContent").animate({
                "margin-top" : "-=160px"
            }, "fast",function() {
                    setPageArrows();
                });
        }
    });

    setPageArrows();
});