레이아웃 - 헤더 - 스크롤 내리면 상태 변화주기

// 스크롤 높이에 따른
$(window).scroll(function(evt) {
   var y = $(this).scrollTop();
   if (y > 120) {
      $('.header').removeClass('fixed');

   } else{
      $('.header').addClass('fixed');
   }
});

스크롤 높이가 120픽셀 이상일 경우 .header에서 fixed 클래스를 제거,

아닌 경우 다시 fixed 클래스 추가하는 제이쿼리 소스입니다.

css는 적당히 커스텀해서 사용하세요.