Como fazer um Menu Fixed com Scroll e efeito fade?

[Pedro Nauck 0]

Olá Galera,

 

Sou iniciante em jQuery, não custumo fazer coisas novas, custumo pegar algumas coisas prontas e tentar modificar a minha necessidade.

 

A última coisa que tentei fazer foi um Menu que quando o usúario desce scroll e passasse dele ele ficaria position:fixed e com width de 100%.

 

Até ae tranquilo, consegui pegar algo pronto e fazer a função funcionar certinho. Porém a animação ficou muito 'DURA', queria que ela acontece com um fade.

 

Tentei de tudo, mas não consegui fazer. Alguém poderia ajudar?

 

Abaixo código jQuery usado:

 

$(function () {

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

 if (!msie6) {
   var top = $('#Navigation').offset().top - parseFloat($('#Navigation').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) {
 		$('#Navigation').addClass('fixed');
 		$('#Navigation').find('ul').removeClass('fleft').removeClass('unfixed').addClass('fixed');
 		$('#Navigation').find('span').addClass('appear');
     }
     else {
 		$('#Navigation').removeClass('fixed');
 		$('#Navigation').find('ul').removeClass('fixed').addClass('fleft').addClass('unfixed');
 		$('#Navigation').find('span').removeClass('appear');
     }

   });
 }  
});

[Pedro Nauck 0]

Fiz um exemplo de como o código está funcionando atualmente. Se alguém puder ajudar. Só quero que a ação seja executada com um FADE para não parecer muito dura.

 

Código e exemplo: http://jsfiddle.net/J4uqE/4/

[Lucas Guima 164]

Acho que isso pode te ajudar:

 

http://docs.jquery.com/UI/Effects/addClass