带过渡动画的粘滞标题

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

..效果很好，但是菜单从正常跳到最小，是否有可能以某种方式为其设置动画，以便过渡看起来很流畅？

由于

Answer 1

动画和更改类...

$('#nav').stop().animate({...}, 999, function() {
    $('#nav').addClass('nav-min');
}):