常用的JS插件介绍：6、jQuery整页滚屏插件

Git地址：
https://github.com/alvarotrigo/fullPage.js

主要功能

• 支持鼠标滚动
• 支持前进后退和键盘控制
• 多个回调函数
• 支持手机、平板触摸事件
• 支持 CSS3 动画
• 支持窗口缩放
• 窗口缩放时自动调整

使用方法

1、引入文件

<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.fullPage.js"></script>

2、HTML

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

3、JavaScript

$(document).ready(function() {
    $('#fullpage').fullpage();
});

参数说明

参考：
https://blog.csdn.net/u014175572/article/details/50341155