sjquery scroll+animation

Question

I have a problem with jQuery vertical scroll.

I have to add some animation on this example :

$(document).ready(function() {
    var timeoutId = 0;

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

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

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

Here is a fiddle : http://jsfiddle.net/TPKDG/1/

and I don't know how :(

where I have to add .animation()?

Thank's a lot for help

this question was already addressed here: http://stackoverflow.com/questions/4034659/is-it-possible-to-animate-scrolltop-with-jquery — WebChemist, Dec 09 '12 at 10:08

score 0 · Accepted Answer · answered Dec 09 '12 at 10:06

Please see if this update helps you : http://jsfiddle.net/TPKDG/27/

$(document).ready(function() {
var timeoutId = 0;

function scrollIt(amount) {
    $('#scroller').animate({
        scrollTop: $('#scroller').scrollTop() + amount
    });
}

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

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

sjquery scroll+animation

1 Answers1