使用jQuery动画滚动列表

Question

以下代码是我尝试设置动画列表的动画。但是，除动画之外的所有内容都应该如何运作。任何时候我点击它会将列表项移动80像素，但它根本没有动画。我做错了什么？

$('#nav_up').on('click', function() {
    $('#block_nav ul').animate({
        top: $('#block_nav ul').offset({top: $('#block_nav ul').offset().top - 80})
    }, 'slow');
});

更新：链接到jsfiddle http://jsfiddle.net/75SN4/1/

Answer 1

按如下方式更新您的jQuery代码：

$(document).ready(function() {
    $('#nav_up').on('click', function() {
        $('#block_nav ul').animate({ top: '-=80' }, 'slow');
        console.log($('#block_nav ul').offset());
    });
});

查看有效的jsFiddle demo。