本文为 机构官方 教程，主要介绍： -- 整屏滚动效果插件 fullpage详解
1、引用文件[html] view plain copy print?在CODE上查看代码片派生到我的代码片 2、html部分[html] view plain copy print?在CODE上查看代码片派生到我的代码片第一屏第二屏第四屏3、使用方法[javascript] view plain copy print?在CODE上查看代码片派生到我的代码片$(document).ready(function() { $.fn.fullpage({ slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'], anchors: ['page1', 'page2', 'page3', 'page4'] }); });
4、详细options参数参数 类型 说明 默认值verticalCentered 字符串 内容是否垂直居中 trueresize 布尔值 字体是否随着窗口缩放而缩放 falseslidesColor 函数 设置背景颜色，如： 无anchors 数组 定义锚链接 无scrollingSpeed 整数 滚动速度，单位为毫秒 700easing 字符串 滚动动画方式 easeInQuartmenu 布尔值 绑定菜单，设定的相关属性与 anchors 的值对应后，菜单可以控制滚动 falsenavigation 布尔值 是否显示项目导航 falsenavigationPosition 字符串 项目导航的位置，可选 left 或 right rightnavigationColor 字符串 项目导航的颜色 #000navigationTooltips 数组 项目导航的 tip 无slidesNavigation 布尔值 是否显示左右滑块的项目导航 falseslidesNavPosition 字符串 左右滑块的项目导航的位置，可选 top 或 bottom bottomcontrolArrowColor 字符串 左右滑块的箭头的背景颜色 #fffloopBottom 布尔值 滚动到最底部后是否滚回顶部 falseloopTop 布尔值 滚动到最顶部后是否滚底部 falseloopHorizontal 布尔值 左右滑块是否循环滑动 trueautoScrolling 布尔值 是否使用插件的滚动方式，如果选择 false，则会出现浏览器自带的滚动条 truescrollOverflow 布尔值 内容超过满屏后是否显示滚动条 falsecss3 布尔值 是否使用 JavaScript 或 CSS3 transforms 滚动 falsepaddingTop 字符串 与顶部的距离 0paddingBottom 字符串 与底部距离 0fixedElements 字符串 无normalScrollElements 无afterLoad 函数 滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 是序号，从1开始计算 无onLeave 函数 滚动前的回调函数，接收 index 和 direction 两个参数，index 是序号，从1开始计算，direction 判断往上滚动还是往下滚动 无afterRender 函数 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数 无afterSlideLoad 函数 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink、index、slideIndex、direction 4个参数 无onSlideLeave 函数 某一水平滑块滚动前的回调函数，与 onLeave 类似，接收 anchorLink、index、slideIndex、direction 4个参数