帶過渡動畫的粘性標題

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