fullPage.js 的使用

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

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.css"/>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就能够了。。。java

相关文章
相关标签/搜索