fullPage.js 的使用

https://cdnjs.com/ ——搜索庫
fullPage.js 的使用

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.css"/>

<script src="jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>
        <!--更多動畫效果擴展easing.js-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/vendors/jquery.easings.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
          

http://www.jianshu.com/p/d514c8b884f9 ————學習筆記


<div id="fullPage">
    <div class="section">
        <div class="slide">slide1</div>
        <div class="slide">slide2</div>
        <div class="slide">slide3</div>
        <div class="slide">slide4</div>
    </div>
    <div class="section">內容</div>
    <div class="section">內容</div>
    <div class="section active」>內容</div>   active—————至關於錨連接
</div>

針對有些內容過多  沒法滾動  slimScroll不起做用
新版fullpage已經做廢了slimScroll，採用iscroll替換掉它了。。。將引入slimscroll地方改爲http://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js就能夠了。。。