Yujin's note

fullpage 사용 방법

<aside id="aside">
    <ul>
        <li data-menuanchor="firstPage"><a href="#firstPage">menu1</a></li>
        <li data-menuanchor="secondPage"><a href="#secondPage">menu2</a></li>
        <li data-menuanchor="3rdPage"><a href="#3rdPage">menu3</a></li>
        <li data-menuanchor="4thpage"><a href="#4thpage">menu4</a></li>
        <li data-menuanchor="5thpage"><a href="#5thpage">menu5</a></li>
        <li data-menuanchor="6thpage"><a href="#6thpage">menu6</a></li>
    </ul>
</aside>

<div id="fullpage">
    <article class="section about">


        main


    </article>
    <article class="section foot">


        main


    </article>
</div>

$(document).ready(function() {

    $('#fullpage').fullpage({
        anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage', '6thpage', 'foot'],
        menu : '#aside',
        responsiveWidth: '1400',
        navigation:'true',
        showActiveTooltip: true,
        css3: true
    });

});