为了账号安全,请及时绑定邮箱和手机立即绑定
  • 配置项 3、设置每一页内容是否垂直居中 4、设置字体是否随窗口缩放而缩放
    查看全部
  • 配置项 1、设置每一个section的背景色 2、设置是否显示箭头来控制幻灯片
    查看全部
  • FullPage.js需要引入的文件
    查看全部
    0 采集 收起 来源:如何开始

    2016-10-09

  • 444444
    查看全部
    0 采集 收起 来源:动画效果

    2016-10-06

  • (1) sectionsColor(为section设置background-color属性) (2)controlArrows(定义是否通过箭头来控制slide幻灯片,默认为true 在移动设上我们可以通过滑动来冬至幻灯片) (3)verticalCentered(每一页的内容是否垂直居中,默认值为true) (4)resize(字体是否随着窗口缩放而缩放,默认值为false) (5)scrollingSpeed(设置滚动速度,单位毫秒,默认为700) (6)anchors(定义锚链接,默认值为[]) 注意:定义锚链接的时候,值不要和页面中任意的id或name相同,尤其是在IE浏览器下。而且定义时,不需要加# http://localhost:63342/%E5%85%A8%E5%B1%8F%E6%BB%9A%E5%8A%A8/index.html?_ijt=8q8capp9fv3j7pqlps9q4nkipj#page1 地址栏上的地址多了#page1,方便用户搜藏链接,然后快速打开 (7)lockAnchors(是否锁定锚链接,默认为false) 注意:如果设置为true,那么定义的锚链接,也就是anchors属性则没有效果。 (8)添加active类,页面打开时,选定当前页面 如:<div class="slide active">幻灯片2</div> <div class="section active"><h1>这是第3屏</h1></div>
    查看全部
  • autoScrolling 是否使用插件的滚动方式,默认为true,如果选择false,则会出现浏览器再带的滚动条,将不会按照页面滚动,而是按照滚动条的默认行为滚动。 scrollBar: 是否包含滚动条,默认为false,如果设置为true,则浏览器自带的滚动条出现,页面滚动时还是按照页面的滚动,但是滚动条的默认行为也是有效果的 paddingTop/paddingBottom
    查看全部
  • loopTop滚动到最顶部后是否连续滚动到底部,默认为false loopBottom:滚动到最底部后是否连续滚动到顶部,默认为false loopHorizontal: 横向slider幻灯片是否循环滚动,默认为true。
    查看全部
  • scrollingSpeed: 滚动速度单位为毫秒,默认为700
    查看全部
  • verticalCentered:每一页的内容是否垂直居中,默认为true。 resize:字体是否随着窗口缩放而缩放,默认为false
    查看全部
  • 菜单的无序列表,data-menuanchor
    查看全部
  • 配置项anchors/lockAnchors
    查看全部
  • 配置项verticalCentered/resize/scrollingSpeed
    查看全部
  • 配置项sectionsColor/controlArrows
    查看全部
  • fullPagejs功能
    查看全部
    0 采集 收起 来源:课程介绍

    2016-09-20

  • 回调 .afterLoad(anchorLink,index) 滚动到某一section,且滚动结束后,会触发一次此回调函数,函数接受anchorLink和index两个参数,anchorLink是锚链接的名称,index是序号,从1开始计算。 我们可以根据anchorLink和index参数值的判断,触发相应的事件。 .onleave(index,nextIndex,direction) 在我们离开一个section时,会触发一次此回调函数,接受index、nextIndex和direction 3个参数: index是离开的“页面”的序号,从1开始计算; nextIndex是滚动到的目标“页面”的序号,从1开始计算; direction判断往上滚动还是往下滚动,值是up或down。 通过return false;可以取消滚动 .afterRender() 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数。 .afterResize() 浏览器窗口尺寸改变后的回调函数 .afterSlideLoad(anchorLink,index,slideAnchor,slideIndex) 滚动到某一幻灯片后的回调函数,与afterLoad类似,接受anchorLink、index、slidIndex、direction4个参数。 .onSlideLeave(anchorLink,index,slideIndex,direction,nextSlideIndex) 在我们离开一个slide时,会触发一次此回调函数,与onLeave类似,接收anchorLink、index、slideIndex、direction4个参数
    查看全部

举报

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

微信扫码,参与3人拼团

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

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