发布时间: 发布网站:脚本之家
收集整理的这篇文章主要介绍了小编觉得挺不错的,现在分享给大家也给大家做个参考。
本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法供大家参考,具体内容如下
圆圈还可以设置位置颜色,加上 tip点击可以控制
(如上图所示:全屏滚动显示的網站()鼠标滚动时,一屏内容整体变化.现在有很多而我们不需要自己去写样式,可以使用jquery的一款插件fullpage即可轻松实现全局滚动)
(视频讲解:)fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站
支持前进后退和键盘控制
支持手机、平板触摸事件
可设置滚動宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等
经测试,最好至少有 anchors 这个参数否则在火狐浏览器中,第一次滚动会矗接滚到底部
点击这里查看上面代码的示例:
index 是离开的“页面”的序号,从1开始计算;
nextIndex 是滚动到的“页面”的序号从1开始计算;