fullPage

멋있는 전체화면 스크롤 웹사이트를 만들어 보세요

열려 있어요

fullPage.js는 활발하게 유지보수되며 공동체 중심입니다.

2013년부터 개발자가 맞닥뜨리는 문제를 해결하고 있습니다.

-
commits
-
해결된 문제
-
기여자

단연 최고!

가장 완성된 틀임을 자부심 있게 선언합니다. 혁신의 선두를 달리는 기업에게 신뢰받고 있습니다.

훌륭한 호환성

최신 브라우저뿐만 아니라 예전 버전에서도 작동합니다. 소수가 아닌 모두를 위한 멋진 웹사이트를 만들어 보세요!

쉬워요!

fullPage.js는 쉽게 사용하고 맞춤 설정할 수 있도록 고안되었습니다. 수십 가지 예시, 훌륭한 문서화, 탁월한 개인 및 공동체 지원을 자랑합니다.

HTML JS Codepen에서 보기

<div id="fullpage">
    <div class="section">
        Section 1
    </div>
    <div class="section">
        <div class="slide">
            Slide 2.1
         </div>
        <div class="slide">
            Slide 2.2
         </div>
        <div class="slide">
            Slide 2.3
         </div>
    </div>
    <div class="section">
        Section 3
    </div>
</div>

new fullpage('#fullpage', {
    navigation: true,
    responsiveWidth: 700,
    anchors: ['home', 'about-us', 'contact'],
    parallax: true,
    onLeave: function(origin, destination, direction){
        console.log("Leaving section" + origin.index);
    },
});

만져보세요!

모바일 기기와 태블릿에서 완전히 반응하도록 설계되었습니다.

누구나 아이처럼 신나게 만지고 싶으니까요.