CSS/Jquery fixe en-tête + Modifier

Question

je veux acheive ce effect

Avis lorsque vous faites défiler vers le bas comment l'en-tête reste fixe mais change aussi un peu. Comment puis je faire ça?

Je sais comment le faire avec CSS, mais je veux ajouter plus de style à l'en-tête.

Answer 1

afficher uniquement la source de la page:

$(window).scroll(function(){ 
    if ($('div.wrapper').width() >= 660) { 
     if ($(this).scrollTop() > pos.top+header.height() && header.hasClass('default')) { 
      header.fadeOut('fast', function(){ 
       $(this).removeClass('default').addClass('scrolling').fadeIn('fast'); 
      }); 
     } else if ($(this).scrollTop() <= pos.top+header.height() && header.hasClass('scrolling')) { 
      header.fadeOut('fast', function(){ 
       $(this).removeClass('scrolling').addClass('default').fadeIn('fast'); 
      }); 
     } 
    } 
});​ 

Il y a un écouteur de défilement et lorsque l'événement se produit - la classe du menu se basculée entre .default et .scrolling