jquery - 使用 jQuery animate 滚动列表

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 演示。