전환 애니메이션이있는 끈적한 헤더

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