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

所属分类:UI-滚动

 24738  258  查看评论 (10)
分享到微信朋友圈
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。

相关插件-滚动

文字轮播无缝滚动

文字轮播无缝滚动
  滚动
 53854  450

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 35877  266

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 17207  222

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 32382  318

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

    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都会这样
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复