fullPage.js(全屏滚动插件)

fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。

主要功能：
fullPage.js的主要功能有：支持鼠标滚动、支持前进后退和键盘控制、多个回调函数、支持手机、平板触摸事件、支持 CSS3 动画、支持窗口缩放、窗口缩放时自动调整、可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。

使用方法：
引入方式：可以直接下载插件，导入使用；也可以使用开源项目CDN服务，Fullpage在CDNJS的地址：https://cdnjs.com/libraries/fullPage.js

直接引入的demo：
CSS部分：

  <link rel="stylesheet" href="css/jquery.fullPage.css">

Js部分：

<script src="js/jquery-1.8.3.min.js"></script>
 <script src='js/jquery.fullPage.min.js'></script>
 <script>
        $('#dowebok').fullpage({
            sectionsColor:['red','green','blue','#5e5e5e'],
            afterLoad:function(anchor,index){
                //某一页切换到眼前执行
                console.log('load',index);
            },
            onLeave:function(index,nextIndex,direction){
                // 某一页要离开时候，会执行
                console.log('leave',index,nextIndex,direction);
            }

        });
    </script>

更多配置方法：

官网地址：https://www.dowebok.com/77.html