制作网页全屏滚动的JQuery插件fullPage

简介

fullPage.js是一个基于jQuery的插件，他能够很方便、很轻松的制作出全屏网站，主要功能有：

1、支持鼠标滚动

2、多个回调函数

3、支持手机、平板触摸事件

4、支持CSS3动画

5、支持窗口缩放

6、窗口缩放时自动调整

7、可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等。

使用

1.  引入 jquery.js 和 fullPage.js 文件

2.  HTML

<div id="fullpage">
  <div class="section">一些内容</div>
  <div class="section">一些内容</div>
  <div class="section">一些内容</div>
  <div class="section">一些内容</div>
</div>

3. 调用

$(document).ready(function(){
  $('#fullpage').fullPage();
  //最外层包裹的容器上面调用fullPage()方法，方法里面可以有一些配置项
});

相关链接

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

中文文档 ：http://fullpage.81hu.com/