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

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

QA

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

본문

head.php


<?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


<?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


 
$(function(){
    $('#fullpage').fullpage({
        //options here
        autoScrolling:true,
        scrollHorizontally: true
    });

 
});
 

 

head.php 는 나오는데

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

어디를 손봐야 될까요?

이 질문에 댓글 쓰기 :

답변 3

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

 

tail.php 에 footer 만 있으면

<section class="section fp-auto-height">
<?php include_once(G5_PATH.'/tail.php'); ?>
</section>

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

</main>이 두개인거같은데 지워보세요

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 61,267
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT