使用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'); 
}); 

UPDATE：鏈接的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。