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개

채택된 답변
+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> 은 복붙과정에서 낑겨왔나봐요...ㅜㅜ
원래는 없습니다.. 글 수정이 안되네요... 댓글이 있어서

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

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

로그인
🐛 버그신고