jquery：用于控制div滚动条的悬停按钮？

Question

我有一个包含大量内容和垂直滚动条的div。我想用上/下按钮替换滚动条，以便在悬停按钮时滚动内容。 任何想法如何做到这一点？感谢

Answer 1

尝试scrollTop()

var timeoutId = 0;

function scrollIt(amount){
    $('div').scrollTop($('div').scrollTop()+amount);
}

$('.down').mousedown(function() {
    timeoutId = setTimeout(scrollIt(5), 1000);
}).bind('mouseup mouseleave', function() {
    clearTimeout(timeoutId);
});

$('.up').mousedown(function() {
    timeoutId = setTimeout(scrollIt(-5), 1000);
}).bind('mouseup mouseleave', function() {
    clearTimeout(timeoutId);
});

Answer 2

我认为这个插件可能会有所帮助：http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Answer 3

我认为基于此，你将会有一个很好的开始，如何做到这一点。

http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12