fullpage 的方法介绍及使用

本文介绍了fullpage.js库中的滚动方法,包括moveSectionUp()、moveSectionDown()、moveTo()等,以及静默滚动、幻灯片滚动操作。同时,详细阐述了setAllowScrolling()方法的应用场景,例如在有奖问答页面防止用户回滚。此外,还讲解了destroy()、reBuild()等关键方法,并提到了fullpage.js的多个回调函数,如afterLoad()、onLeave()、afterSlideLoad()等,这些回调函数在滚动过程中起到触发相应操作的作用。
摘要由CSDN通过智能技术生成

fullpage 的方法

moveSectionUp(): 向上滚动一页
moveSectionDown(): 向下滚动一页
moveTo(section,slide): 滚动到第几页 第几个幻灯片 section从1开始 slide从0开始
使用方式

$.fn.fullpage.XXX()

selientMoveTo(): 滚动到第几页和moeTo一样 只不过没有动画效果

moveSlideRight() :幻灯片向右滚动

moveSlideLeft(): 幻灯片向左滚动

setAllowScrolling(boolen,[directions]):添加或删除鼠标滚轮控制 第一个参数 true false 第二个参数表示方向 up down right left 可以使用多个 用逗号隔开
比如我们在设置一个有奖问答页面时,当用户发现前面的页面有答案时,不希望用户滚动回去查看答案可以使用这样的方法
destory(type) 销毁fullpage特效
type不写 fullpage提供的样式 html还在(背景颜色等还在) (all) 样式 页面html 全部销毁
reBuild()y
重新定义页面和尺寸,用于ajax请求改变了页面结构之后,重建效果
延迟加载图片或视频

<img data-src="">
<img data-src="img.pn
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值