JS(fullpage)的使用

fullpage 全屏插件

鼠标滚轮事件，绑定页面宽高

fullPage.js 是一个基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。

全球最大代码托管网站

github 官网 https://github.com/alvarotrigo/fullPage.js

中文演示地址 http://www.dowebok.com/demo/2014/77/

主要功能有：

支持鼠标滚动

支持前进后退和键盘控制

多个回调函数

支持手机、平板触摸事件

支持 CSS3 动画

支持窗口缩放

窗口缩放时自动调整

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

基本使用

1.引入相关文件

2.写html骨架

div#fullpage      div.section

3.写自定义js内容，调用fullpage方法

$(function(){
   
	
	$('#fullpage').fullpage({
   
		navigation:true,
  		loopBottom:true
  		}

fullpage 详细参数

选项	类型	默认值	说明
verticalCentered	字符串	true	内容是否垂直居中
resize	布尔值	false	字体是否随着窗口缩放而缩放
sectionColor	函数	无	设置背景颜色
anchors	数组