Question

i’m having a div with lots of content and a vertical scrollbar. i’d like to replace the scrollbar with an up/down button in order to scroll the content on hovering the buttons.
any ideas how to do this? thanks

Answer 1

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