고정 플로팅 요소 - 추가 클래스에 애니메이션 추가

Question

페이지를 아래로 스크롤 할 때 클래스가 고정 된 위치로 바뀌면 메뉴에 페이드 효과를 추가하고 싶습니다.

http://jsfiddle.net/dueWG/9/

JS :

$(function() { 
    var msie6 = $.browser == 'msie' && $.browser.version < 7; 
    if (!msie6) { 
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
     var y = $(this).scrollTop(); 
     if (y >= top) { 
     $('#navmenu').addClass('fiksed'); 
     } else { 
     $('#navmenu').removeClass('fiksed'); 
     } 
    }); 
    } 
}); 

Answer 1

이것이 당신이 찾고있는 효과?

http://jsfiddle.net/dueWG/10/

코드 :

<script> 
$(function() { 

    var msie6 = $.browser == 'msie' && $.browser.version < 7; 

    if (!msie6) { 
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
     // what the y position of the scroll is 
     var y = $(this).scrollTop(); 

     // whether that's below the form 
     if (y >= top) { 
     // if so, ad the fixed class 
     if ($('#navmenu').is('.fiksed')) { 
      return; 
     } 
     $('#navmenu').hide().addClass('fiksed').fadeIn(); 
    } else { 
     // otherwise remove it 
     $('#navmenu').removeClass('fiksed'); 
     } 
    }); 
    } 
}); 
</script>