jQuery全屏滚动插件fullpage.js(支持多项配置)

所属分类:UI-滚动

 35950  360  查看评论 (13)
分享到微信朋友圈
X
jQuery全屏滚动插件fullpage.js(支持多项配置) ie兼容8

 使用方法

一、功能介绍:

 1、页眉固定和页脚(可取舍),

 2、滚轮事件翻页,

 3、键盘事件翻页,

 4、可配置背景(背景色,背景图片可混用),

 5、嵌套full,

 6、导航tips,

 7、回调函数,

  8、自适应屏幕

 二、参数配置:

* fullBg:[],   // 背景配置,可嵌套(背景img和背景色,可以混用)*                     

 例:

["image/1.png","#B934FF",["#45FAFF","image/2.png","#542936"],"#1437FF"]

img支持的格式为:jpg、png、jpeg、bmp、gif、svg** 

  • navTip:[],  // 例:["第一屏","第二屏","第三屏"]* 

  • nav:true,  // 左边nav 是否显示*

  • nestNav:true, // 嵌套nav 是否显示* 

  • nestBtn:true // 嵌套btn 是否显示* 

  • autoTime:300,  // full翻页速度* 

  • startCallback:false, // 进入full回调函数* 

  • endCallback:false    // 离开full回调函数

有任何问题,我都会细心解答,欢迎您留言,thank you。

相关插件-滚动

jQuery鼠标滚屏锚点定位

利用mousewheel库实现滚屏事件,同时支持侧边栏控制
  滚动
 32341  392

HTML5单页面全屏滚动特效

全屏滚动代码简单,非常适合新手。
  滚动
 54394  474

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 38581  340

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 57998  512

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    北走 0
    2022/10/10 9:54:48
    您好,就是后台渲染,插件里面回调if报错页面不显示,前端单跑没有问题 回复
    不聊人 0
    2021/10/19 11:10:51
    您好,请问这个可以实现最后一屏再往下滚,footer挤占最后一屏的空间,并且大小还是控制在一屏内显示吗
        Superboss0
        2021/10/28 17:54:11
        是的哦~
    回复
    Yezacx 0
    2019/10/10 10:11:31
    会报错“[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>”,这个要怎么解决啊,求助 回复
    wow 0
    2018/9/11 11:35:50
    是只能做六组图吗
    在最后再加一组横向滚动怎么加? 回复
    Lxy 0
    2018/8/13 16:13:49
    不能支持移动端吗?
        Superboss0
        2019/1/23 15:21:03
        是的呢
    回复
    漫荡 0
    2018/5/30 12:55:27
    下载打开后,会出现滚轮,底部footer有时出现有时消失
        Superboss0
        2018/6/11 16:45:23
        我设置的footer,只会在最后一屏的时候 才显示。
    回复
    WckY 0
    2018/1/22 9:40:09

    简单测试了下 轻轻一划 划到第二屏 很好没毛病 再划一下 直接跳转到第四屏了 故意设置的吗 -.- 本人设备macbook pro 并没有使用鼠标操作 

        Superboss0
        2018/1/23 16:30:32
        不会啊老兄。0.0!难道是兼容性问题?
        Rubycui0
        2018/3/27 18:35:24
        我的也是这样
        V'视觉数码设计工作室0
        2018/5/3 16:10:19
        是的,试了好些,Mac都会这样
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复