为了账号安全,请及时绑定邮箱和手机立即绑定
  • 回调 .afterRender() 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数。 .afterResize() 浏览器窗口尺寸改变后的回调函数
    查看全部
  • 回调 .onleave(index,nextIndex,direction) .在我们离开一个section时,会触发一次此回调函数,接受index、nextIndex和direction 3个参数: index是离开的“页面”的序号,从1开始计算; nextIndex是滚动到的目标“页面”的序号,从1开始计算; direction判断往上滚动还是往下滚动,值是up或down。 .通过return false;可以取消滚动
    查看全部
  • 回调 .afterLoad(anchorLink,index) .滚动到某一section,且滚动结束后,会触发一次此回调函数,函数接受anchorLink和index两个参数,anchorLink是锚链接的名称,index是序号,从1开始计算。 .我们可以根据anchorLink和index参数值的判断,触发相应的事件。
    查看全部
  • 加载原始照片视频 图片: <img daye-src="image.png"> 视频: <video> <source data-src="video.webm" type="video/webm" /> <source data-src="video.mp4" type="video/mp4" /> </video>
    查看全部
    0 采集 收起 来源:fullpage方法

    2018-03-22

  • 方法 .destroy(type) 销毁fullpage特效,type可以不写,或者使用all,不写type,fullpaga给页面添加的样式和html元素还在,如果使用all,则样式、html等全部销毁,页面恢复和不使用fullpage相同的效果。 .reBuild() 重新更新页面和尺寸,用于通过ajax请求后改变了页面结构之后,重建效果。
    查看全部
    0 采集 收起 来源:fullpage方法

    2016-09-12

  • 方法 .setAllowScrolling(boolean,[directions]): .添加或删除鼠标滚轮/滑动控制,第一个参数true为启用,false为禁用,后面的参数为方向,取值包含all,up,down,left,right,可以使用多个,逗号分隔 .比如我们在做一个有奖问答页面,提问的问题在前面的页面有答案,当滚动到最后一页时,不希望用户在滚动回之前的页面查看答案,就可以使用这样的方法。
    查看全部
    0 采集 收起 来源:fullpage方法

    2016-09-12

  • 方法 .setAutoScrolling(boolean):动态设置autoScrolling .setLockAnchors(boolean):动态设置lockAnchors .setRecordHistory(boolean):动态设置recordHistory .setScrollingSpeed(milliseconds):动态设置scrollingSpeed
    查看全部
    0 采集 收起 来源:fullpage方法

    2016-09-12

  • 方法 .slientMoveTo(section,slide): 滚动到第几页,和moveTo一样,但是没有动画效果。 .moveSlideRight(): 幻灯片向右滚动 .moveSlideLeft(): 幻灯片向左滚动。
    查看全部
    0 采集 收起 来源:fullpage方法

    2016-09-12

  • 方法 .向上滚动一页。 .moveSectionDown(): 向下滚动一页 .moveTo(section,slide): 滚动到第几页,第几个幻灯片,注意,页面是1开始,而幻灯片,是从0开始。
    查看全部
    0 采集 收起 来源:fullpage方法

    2016-09-12

  • .scrollOverflow: 内容超过满屏后是否显示滚动条,默认为false。如果设置为true,则会显示滚动条,如果要滚动查看内容,还需要jquery.slimscroll插件的配合。slimscroll插件主要用于模拟传统的浏览器滚动条。 .sectionSelector:section的选择器,默认为.section。 .slideSelector:slide的选择器,默认为.slide。
    查看全部
  • .showActiveTooltip: 是否显示当前页面的导航的tooltip信息,默认为false .slidesNavigation: 是否显示横向幻灯片的导航,默认false。 .slidesNavPosition: 横向幻灯片导航的位置,默认为bottom,可以设置为top或bottom
    查看全部
  • .navigation: 是否显示导航,默认为false。如果设置为true,会显示小圆点,作为导航。 .navigationPosition: 导航小圆点的位置,可以设置为left或right。 navigationTooltips: 导航小圆点的tooltips设置鼠标经过时显示的名字,默认为[],注意按照顺序设置。
    查看全部
  • .recordHistory: 是否记录历史,默认为true,可以记录页面滚动的历史,通过浏览器的前进后退来导航。注意如果设置了autoScrolling:false,那么这个配置也将被关闭,即设置为false。 .menu: 绑定菜单,设定的相关属性与anchors的值对应后,菜单可以控制滚动,默认为false。可以设置为菜单的jquery选择器
    查看全部
  • 配置项: recordHistory: ,是否记录浏览历史,默认为true,可以记录页面滚动的历史,可以通过浏览器的前进后退来导航,如果设置了autoScrolling:false,则这个属性也被关闭; menu:'#ul的ID名',(在这之前要先设置一个<ul id=""><li data-menuanchor="page1"><a href="#page1">section1</a></li></ul> ps:data-menuanchor以及href的值都是与锚链接相对应的)
    查看全部
  • .continuousVertical:是否循环滚动,默认为false。如果设置为true,则页面会循环滚动,而不像loopTop或loopBottom那样出现跳动,注意这个属性和loopTop、loopBottom不兼容,不要同时设置。 .animateAnchor: 锚链接是否可以控制滚动动画,默认为true。如果设置为false,则通过锚链接定位到某个页面显示不再有动画效果。
    查看全部

举报

0/150
提交
取消
课程须知
您要具备: 1.HTML知识,能搭建一个基本网页。 2.JQ知识,能独立开发简单动画效果。
老师告诉你能学到什么?
1.fullPage.js引用 2.fullPage.js使用(如何横竖屏滚动、支持CSS3动画、窗口缩放时自动调整等) 3.通过实例让您灵活运用fullPage.js开发全屏滚动效果。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!