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 デモを参照してください。