채택완료

fullpage.js 를 적용했는데 질문 좀 드려요~

head.php

Copy
<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

 

if (G5_IS_MOBILE) {

    include_once(G5_THEME_MOBILE_PATH.'/head.php');

    return;

}

 

if(G5_COMMUNITY_USE === false) {

    define('G5_IS_COMMUNITY_PAGE', true);

    include_once(G5_THEME_SHOP_PATH.'/shop.head.php');

    return;

}

include_once(G5_THEME_PATH.'/head.sub.php');

?>

<link rel="stylesheet" href="<?php echo G5_THEME_URL;?>/fpage_src/jquery.fullPage.css">

<script src="<?php echo G5_THEME_URL;?>/fpage_src/jquery.fullPage.js"></script>

<script src="<?php echo G5_THEME_URL;?>/fpage_src/main.js"></script>

<!-- 상단 시작 { -->

<div id="hd_fix">

    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>

    <?php

        if(defined('_INDEX_')) { // index에서만 실행

            include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어

        }

   

    ?>

    Head

</div>

<!-- } 상단 끝 -->

 

<!-- 콘텐츠 시작 { -->

<div id="wrapper">

 

index.php

Copy
<?php

if (!defined('_INDEX_')) define('_INDEX_', true);

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

 

if (G5_IS_MOBILE) {

    include_once(G5_THEME_MOBILE_PATH.'/index.php');

    return;

}

 

if(G5_COMMUNITY_USE === false) {

    include_once(G5_THEME_SHOP_PATH.'/index.php');

    return;

}

 

include_once(G5_THEME_PATH.'/head.php');

?>

 

<main id="fullpage">

    <section class="section">

        <h2>section 1</h2>

    </section>

 

    <section class="section">

        <h2>section 2</h2>

    </section>

    <section class="section">

        <h2>section 3</h2>

    </section>

   

</main>

 

<?php

include_once(G5_THEME_PATH.'/tail.php'); ?>

</main>

 

main.js

Copy
$(function(){

    $('#fullpage').fullpage({

        //options here

        autoScrolling:true,

        scrollHorizontally: true

    });


 

});

 

head.php 는 나오는데

tail.php 가 안나옵니다... 

어디를 손봐야 될까요?

|

답변 3개 / 댓글 3개

채택된 답변
+20 포인트

fullpage 를 메인에서만 사용하시는 거라면, fullpage 실행하기 전에 footer 를 찾아서 자식요소들까지 포함되게 요소를 복제하고, fullpage 안에 section 추가해서 그 section 안에 복제한 footer 밀어넣고, 원본 footer 는 제거한 뒤에 fullpage 를 불러오는 방식으로 처리했었어요

 

tail.php 에 footer 만 있으면

Copy
<section class="section fp-auto-height">

<?php include_once(G5_PATH.'/tail.php'); ?>
</section>

이런식으로 메인에서는 fullpage 안에서 불러오게 처리했겠지만 tail 에는 wrapper, container 등.. 닫는 태그들도 있어서 위처럼 구현하기엔 애매해서 그냥 스크립트로 처리했었어요.

답변에 대한 댓글 1개

coDribble 님, 답변 감사합니다
말씀해주신 방법으로 시도... ^^

우선 HTML 이 너무 뒤죽박죽입니다.

정렬좀 하시고 열고 닫는 태그도 채크해보세요.

답변에 대한 댓글 1개

애드프로님, 감사합니다..
그래도 나름 정리한다고 한건데...ㅠㅠ...
</main>이 두개인거같은데 지워보세요

include_once(G5_THEME_PATH.'/tail.php'); 아래에도 있네요?

답변에 대한 댓글 1개

감사합니다 세크티님
</main> 은 복붙과정에서 낑겨왔나봐요...ㅜㅜ
원래는 없습니다.. 글 수정이 안되네요... 댓글이 있어서

답변을 작성하려면 로그인이 필요합니다.