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/