Scroll시 상단고정되는 Sticky Navigation

본문 바로가기
사이트 내 전체검색
회사뉴스 : 그누보드5 다국어버전! 딱 8월 5일 까지만 대폭 할인가에 제공… 인기글 관련링크 , 다국어사이트 제작을 위한 솔루션을 공개합니다. 인기글 , 일하다가 가끔 게임을 하면서 스트레스를 날리세요. 인기글 관련링크 , 게시판내용을 PDF으로 저장하기 인기글 관련링크 , 좋아요|나빠요 표현 게시판 인기글


회원로그인

설문조사

좋은 습관이란?



Scroll시 상단고정되는 Sticky Navigation

Scroll시 상단고정되는 Sticky Navigation

그누보드5를 위한 스크롤시 상단고정되는 메뉴 스킨입니다.

  

그누보드에 적용방법:

배포판 기본 설치를 기준으로,

1. head.php에 다음을 추가합니다.

<!-- { Sticky Navi 관련 끝 --> 

<script> 

$(document).ready(function () { 

  var $nav = $('#gnb'), 

      posTop = $nav.position().top; 

  $(window).scroll(function () { 

    var y = $(this).scrollTop(); 

    if (y > posTop) { $nav.addClass('fixed'); } 

    else { $nav.removeClass('fixed'); } 

  }); 

}); 

</script> 

<!-- } Sticky Navi 관련 끝 --> 

 

2. css/default.css 에 다음을 추가합니다. 

 

  /* { Sticky관련 */ 

#gnb.fixed { 

  position: fixed; 

  top: 0; 

  left: 0; 

  right: 0; 

/* } Sticky관련 */

 

미리보기 : http://www.live24.co.kr/



이 사이트는 그누보드5, 영카트5 기반 프로그램 개발을 위한 사이트입니다. 궁금하신 사항은 http://www.365ok.co.kr을 이용해 주시기 바랍니다.
회사소개 개인정보취급방침 서비스이용약관 Copyright © 코리아뉴스. All rights reserved.
모바일 버전으로 보기