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就可以了。。。