Javascript 需要Jquery用于按钮鼠标滚动到顶部

我使用了

overflow:hidden

样式在所有浏览器中隐藏滚动条。并在按钮中添加了jquery功能，用于向下滚动内容，工作正常。我需要将滚动顶部功能应用于其他按钮，或者需要添加鼠标滚动

$(document).ready(function() {
    var count;
    var interval;

    $(".ca-top").on('mouseover', function() {
        var div = $('.navbar-nav.categories');

        interval = setInterval(function(){
            count = count || 1;
            var pos = div.scrollTop();
            div.scrollTop(pos + count);
        }, 10);
    }).click(function() {
        if (count < 6) {
             count = count+1;
        }
    }).on('mouseout', function() {
        // Uncomment this line if you want to reset the speed on out
        count = 0;
        clearInterval(interval);
    });
});

$（文档）.ready（函数（）{
var计数；
var区间；
$（“.ca top”）.on（'mouseover'，function（）{
var div=$（'.navbar nav.categories'）；
间隔=设置间隔（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置+计数）；
}, 10);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
计数=0；
间隔时间；
});
});

检查我的小提琴：

您可以使用相同的代码，在计数器函数处使用减号：

$(document).ready(function() {
    var count;
    var interval;

    $(".ca-top").on('mouseover', function() {
        var div = $('.navbar-nav.categories');

        intervalDown = setInterval(function(){
            count = count || 1;
            var pos = div.scrollTop();
            div.scrollTop(pos + count);
        }, 10);
    }).click(function() {
        if (count < 6) {
             count = count+1;
        }
    }).on('mouseout', function() {
        // Uncomment this line if you want to reset the speed on out
        count = 0;
        clearInterval(intervalDown);
    });

    $(".ca-bottom").on('mouseover', function() {
        var div = $('.navbar-nav.categories');

        intervalUp = setInterval(function(){
            count = count || 1;
            var pos = div.scrollTop();
            div.scrollTop(pos - count);
        }, 10);
    }).click(function() {
        if (count > 6) {
             count = count-1;
        }
    }).on('mouseout', function() {
        // Uncomment this line if you want to reset the speed on out
        count = 0;
        clearInterval(intervalUp);
    });    

});

$（文档）.ready（函数（）{
var计数；
var区间；
$（“.ca top”）.on（'mouseover'，function（）{
var div=$（'.navbar nav.categories'）；
intervalDown=setInterval（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置+计数）；
}, 10);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
计数=0；
清除间隔（间隔时间）；
});
$（.ca bottom”）.on（'mouseover'，function（）{
var div=$（'.navbar nav.categories'）；
intervalUp=setInterval（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置-计数）；
}, 10);
})。单击（函数（）{
如果（计数>6）{
计数=计数-1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
计数=0；
净空间隔（区间）；
});    
});

---

但是，您可以尝试创建一个类似于scroll（方向）的函数，这将使代码更短，更易于阅读。

您可以使用

div.scrollTop（pos-count）因为您将通过此行获得scroll的当前顶部位置
var pos=div.scrollTop（）
，因此您可以减小传入的值
scrollTop（）


$（文档）.ready（函数（）{
var计数；
var区间；
$（“.ca top”）.on（'mouseover'，function（）{
调试器；
var div=$（'.box'）；
间隔=设置间隔（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置+计数）；
}, 10);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
//计数=0；
间隔时间；
});
$（.ca bottom”）.on（'mouseover'，function（）{
var div=$（'.box'）；
间隔=设置间隔（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置-计数）；
}, 10);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
//计数=0；
间隔时间；
});
})
;
.con{
宽度：300px；
高度：300px；
位置：相对位置；
}
.盒子{
宽度：100%；
最大高度：300px；
背景：#eee；
溢出：隐藏
}
.猫导航{
宽度：100%；
背景：透明；
位置：绝对位置；
底部：0；
左：0；
右：0；
文本对齐：居中；
颜色：#fff；
光标：指针
}
.猫导航a{
宽度：50%；
浮动：左；
填充：10px0；
显示：块
}
.cat导航ca顶部{
背景：#d8aa22
}
.cat导航ca底部{
背景：#333
}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

向下
简单代码：谢谢：）它工作正常。。。是否可以添加“鼠标滚轮滚动”功能？是的，请看一下：感谢您的大力支持
interval = setInterval(function(){
        count = count || 1;
        var pos = div.scrollTop();
        div.scrollTop(pos - count);
    }, 10);