jquery - sjquery 滚动+动画

Question

我有 jQuery 垂直滚动的问题。

我必须在这个例子中添加一些动画：

$(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);
    });
});

这是一个小提琴：http: //jsfiddle.net/TPKDG/1/

我不知道怎么做:(

我必须在哪里添加 .animation()？

非常感谢您的帮助

Answer 1

请查看此更新是否对您有帮助：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);
});
});​