풀페이지 셋팅 적용/ 옵션설정 / 초기화

 

https://github.com/alvarotrigo/fullPage.js

GitHub - alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

---

 

 

깃헙에서 제공하는 초기화 구조를 복붙 

 

 

 

<div id="fullpage">
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
</div>

---

그리고 본인 클래스에 맞게 html을 초기화, 변경해준다. 

 

 

 

여기서 주의할점은

푸터까지 풀페이지로 들어가야하기때문에

꼭 푸터부분을 풀페이지 태그 안으로 넣어줄것!

 

그리고 공통으로 적용할수 있게 공통클래스 지정 필수

 

---

제이쿼리 초기화 코드 넣기

 

 

 

 

 

 

 

여기서 $fn 은 뭘까?

 

$.fn.fullpage.setAllowScrolling(false);

기존 제이쿼리 객체에다가 자바스크릡트 프로토타입을 붙여 다른 라이브러리랑 연결 할 수 있도록

$.fn 을 붙인다.

 

 

 

---

*주의

최신버전이 아니므로 깃헙에서 제공하는 메서드와 다를수 있음 

 

---

 

$(function () {
  $('#fullpage').fullpage({
    //1201 미만(타블렛,모바일)일때 스크롤 활성화
    responsiveWidth: 1201,
  });
});

 

 

 

 

 

https://alvarotrigo.com/fullPage/examples/responsive.html