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

..完美运行，但是菜单从正常跳到最小，是否可以以某种方式对其进行动画处理以使过渡看起来平滑？

谢谢

Answer 1

动画和更改类...

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