fullpage.js 를 적용했는데 질문 좀 드려요~ 채택완료
지수아빠
1년 전
조회 2,196
head.php
</p>
<p><?php</p>
<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p> </p>
<p>if (G5_IS_MOBILE) {</p>
<p> include_once(G5_THEME_MOBILE_PATH.'/head.php');</p>
<p> return;</p>
<p>}</p>
<p> </p>
<p>if(G5_COMMUNITY_USE === false) {</p>
<p> define('G5_IS_COMMUNITY_PAGE', true);</p>
<p> include_once(G5_THEME_SHOP_PATH.'/shop.head.php');</p>
<p> return;</p>
<p>}</p>
<p>include_once(G5_THEME_PATH.'/head.sub.php');</p>
<p>?></p>
<p><link rel="stylesheet" href="<?php echo G5_THEME_URL;?>/fpage_src/jquery.fullPage.css"></p>
<p><script src="<?php echo G5_THEME_URL;?>/fpage_src/jquery.fullPage.js"></script></p>
<p><script src="<?php echo G5_THEME_URL;?>/fpage_src/main.js"></script></p>
<p><!-- 상단 시작 { --></p>
<p><div id="hd_fix"></p>
<p> <h1 id="hd_h1"><?php echo $g5['title'] ?></h1></p>
<p> <?php</p>
<p> if(defined('_INDEX_')) { // index에서만 실행</p>
<p> include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어</p>
<p> }</p>
<p> </p>
<p> ?></p>
<p> Head</p>
<p></div></p>
<p><!-- } 상단 끝 --></p>
<p> </p>
<p><!-- 콘텐츠 시작 { --></p>
<p><div id="wrapper"></p>
<p>
index.php
</p>
<p><?php</p>
<p>if (!defined('_INDEX_')) define('_INDEX_', true);</p>
<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p> </p>
<p>if (G5_IS_MOBILE) {</p>
<p> include_once(G5_THEME_MOBILE_PATH.'/index.php');</p>
<p> return;</p>
<p>}</p>
<p> </p>
<p>if(G5_COMMUNITY_USE === false) {</p>
<p> include_once(G5_THEME_SHOP_PATH.'/index.php');</p>
<p> return;</p>
<p>}</p>
<p> </p>
<p>include_once(G5_THEME_PATH.'/head.php');</p>
<p>?></p>
<p> </p>
<p><main id="fullpage"></p>
<p> <section class="section"></p>
<p> <h2>section 1</h2></p>
<p> </section></p>
<p> </p>
<p> <section class="section"></p>
<p> <h2>section 2</h2></p>
<p> </section></p>
<p> <section class="section"></p>
<p> <h2>section 3</h2></p>
<p> </section></p>
<p> </p>
<p></main></p>
<p> </p>
<p><?php</p>
<p>include_once(G5_THEME_PATH.'/tail.php'); ?></p>
<p></main></p>
<p>
main.js
</p>
<p> </p>
<p>$(function(){</p>
<p> $('#fullpage').fullpage({</p>
<p> //options here</p>
<p> autoScrolling:true,</p>
<p> scrollHorizontally: true</p>
<p> });</p>
<p>
</p>
<p>});</p>
<p> </p>
<p>
head.php 는 나오는데
tail.php 가 안나옵니다...
어디를 손봐야 될까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
1년 전
fullpage 를 메인에서만 사용하시는 거라면, fullpage 실행하기 전에 footer 를 찾아서 자식요소들까지 포함되게 요소를 복제하고, fullpage 안에 section 추가해서 그 section 안에 복제한 footer 밀어넣고, 원본 footer 는 제거한 뒤에 fullpage 를 불러오는 방식으로 처리했었어요
tail.php 에 footer 만 있으면
</p>
<p><section class="section fp-auto-height"></p>
<p><?php include_once(G5_PATH.'/tail.php'); ?>
</section></p>
<p>
이런식으로 메인에서는 fullpage 안에서 불러오게 처리했겠지만 tail 에는 wrapper, container 등.. 닫는 태그들도 있어서 위처럼 구현하기엔 애매해서 그냥 스크립트로 처리했었어요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
지수아빠
1년 전
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
지수아빠
1년 전
애드프로님, 감사합니다..
그래도 나름 정리한다고 한건데...ㅠㅠ...
그래도 나름 정리한다고 한건데...ㅠㅠ...
댓글을 작성하려면 로그인이 필요합니다.
이 게시판은 회원만 글쓰기가 가능합니다. 로그인해 주세요.
답변을 작성하려면 로그인이 필요합니다.
로그인
말씀해주신 방법으로 시도... ^^