CSS/Jquery фиксированный заголовок + Изменить

Question

я хочу добиться этого effect

Обратите внимание, когда вы прокрутите вниз, как заголовок остается фиксированным, а также изменений немного. Как я могу это сделать?

Я знаю, как это сделать с помощью CSS, но хочу добавить больше стиля в заголовок.

Answer 1

Просто просмотреть исходный код страницы:

$(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'); 
      }); 
     } 
    } 
});​ 

Там есть свиток слушатель и, когда происходит событие - класс меню становится переключен между .default и .scrolling