자료실
동적 헤더(Dynamic Header)
-
dynamic_header.zip (586byte) 7회
(해당 스킨은 리빌더 basic 헤더 스킨으로 제작되었습니다.)
css 파일 업로드 경로
/theme/rb.basic/rb.layout_hd/basic/dynamic_header.css
설정 방법
1. 위 경로에 맞게 CSS 파일을 업로드 해주세요.
2. 업로드 한 폴더의 경로에 있는 header.php 파일을 수정합니다.
3. 파일 가장 하단에 아래 스크립트를 추가합니다.
최대한 손이 덜 가는 방법으로 생각해서, CSS 파일을 스크립트에서 로드하도록 했습니다.
(한 번의 코드 복사로만 작동될 수 있도록...)
<script>
$('<link/>', {
rel: 'stylesheet',
type: 'text/css',
href: '<?php echo G5_THEME_URL;?>' + '/rb.layout_hd/' + '<?php echo $rb_core['layout_hd'];?>/dynamic_header.css'
}).appendTo('head');
$(window).on('scroll', function() {
if ($(this).scrollTop() >= 80) {
$('#header').addClass('scrolling');
} else {
$('#header').removeClass('scrolling');
}
});
</script>
결과물 미리보기
- 이전글메인 2단 모듈 레이아웃2024.09.16
- 다음글모바일 하단탭 업그레이드 버전2024.07.24
댓글목록
구매 신청
구매문의 : cs@false9.co.kr / 010-6466-3355
신청 이후 담당자가 개별연락 드리고 있습니다.
입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.
결제예정 금액 : 0 (VAT별도)
하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)