자료실

2024.09.15 21:59

동적 헤더(Dynamic Header)

(해당 스킨은 리빌더 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>




결과물 미리보기


34776bafaf1898b68244f6b02499b78c_1726405124_9645.gif
 


  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기
구매 신청
  • 신용카드 결제는 별도상담을 통해 가능합니다.
    구매문의 : cs@false9.co.kr / 010-6466-3355
    신청 이후 담당자가 개별연락 드리고 있습니다.
    입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.
  • 결제예정 금액 : 0 (VAT별도)
    하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)

  •