fullpage.js 사용해보신분께

fullpage.js 사용해보신분께

QA

fullpage.js 사용해보신분께

답변 1

본문

먼저 fullpage를 메인 페이지에만 적용할려고 하였습니다.

 

head.php 

index.php

tail.php

 

head.sub.php 내에 아래의 소스로 풀페이지불러옴
 

<link rel="stylesheet" href="<?php echo G5_THEME_URL;?>/html/css_js/fullpage.min.css" type="text/css">

<script src="<?php echo G5_THEME_URL;?>/html/css_js/fullpage.min.js"></script>

 

메인페이지만 적용할려고 index.php 내에

풀페이지 관련 스크립트를 아래와 같이 삽입하였습니다.

 

<script>

$(document).ready(function() {

        $('#fullpage').fullpage({          

            menu: '#anchors',

            anchors: ['firstPage', 'secondPage', '3rdPage', '4rdPage', '5rdPage', '6rdPage', '7rdPage', '8rdPage', '9rdPage'],

            //autoScrolling: false

            navigation: false,

            navigationPosition: 'left',

            responsiveWidth: 1000, // 너비가 1000일때 수동 원페이지 -> 스크롤

        });

    });

 

</script>

 

그런데..

왜 모든 페이지에서 이렇게 작동할까요?

풀페이지와 같은 스크롤 움직임이 작동됩니다.

 

서브페이지의 경우 풀페이지 관련 스크립트가 없는데도 불구하고

풀페이지와 같은 스크롤 움직임이 작동합니다..

 

어떻게 해야할까요?

이 질문에 댓글 쓰기 :

답변 1

$('#fullpage').fullpage({ 

fullpage 적용하는게 메인에만 있다면 서브에서는 적용이 되지 않을텐데요? 

한번 소스를 다시 확인해 보시는게 좋을듯 합니다.

아니면 url을 올려주시면 확인해 보기 더 쉬울것 같네요. 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 27
© SIRSOFT
현재 페이지 제일 처음으로