jquery - 遷移アニメーション付きの固定ヘッダー

Question

$(function () {
    $('#nav').data('size', 'big');
});

$(window).scroll(function () {
    if ($(document).scrollTop() > 0) {
        if ($('#nav').data('size') == 'big') {
            $('#nav').data('size', 'small');
            $('#nav').stop().addClass('nav-min');
        }
    } else {
        if ($('#nav').data('size') == 'small') {
            $('#nav').data('size', 'big');
            $('#nav').stop().removeClass('nav-min');
        }
    }
});

.. 完全に機能しますが、メニューが通常から最小にジャンプします。移行がスムーズに見えるように何らかの方法でアニメーション化することは可能ですか?

ありがとう