XpressEngine

본 토픽은 현재 준비중입니다. 홈페이지제작-CMS-XpressEngine에 참여하시면 완성 되었을 때 알려드립니다.

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

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

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

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

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

 

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

댓글

댓글 본문
작성자
비밀번호
graphittie 자세히 보기