为了账号安全,请及时绑定邮箱和手机立即绑定
  • .keyboardScrolling: 是否可以使用键盘方向键导航,默认为true。 .touchSensitivity: 在移动设备中滑动页面的敏感性,默认为5,是按百分比来衡量,最高为100,越大则越难滑动。
    查看全部
  • .paddingTop/paddingBottom: 设置每一个section顶部和底部的padding,默认都为0.一般如果我们需要设置一个固定在顶部或者底部的菜单、导航、元素等,可以使用这两个配置项。 .fixedElements: 固定的元素,默认为null,需要配置一个jquery选择器。在页面滚动的时候,fixedElements设置的元素固定不动。
    查看全部
  • .autoScrolling: 是否使用插件的滚动方式,默认为true,如果选择false,则会出现浏览器自带的滚动条,将不会按页滚动,而是按照滚动条的默认行为来滚动。 .scrollBar: 是否包含滚动条,默认为false,如果设置为true,则浏览器自带的滚动条出现,页面滚动时还是按页滚动,但是滚动条的默认行为也有效
    查看全部
  • .loopTop: 滚动到最顶部后是否连续滚动到底部,默认为false。 .loopBottom: 滚动到最底部后是否连续滚动回顶部,默认为false。 .loopHorizontal: 横向slider幻灯片是否循环滚动,默认为true。
    查看全部
  • .easing: 定义页面section滚动的动画方式,默认为easeInOutCubic,如果修改此项,需要引入jquery。easings插件,或者jquery ui。 .css3: 是否使用css3 transforms来实现滚动效果,默认为true。这个配置项可以提高支持css3的浏览器,比如移动设备等的速度,如果浏览器不支持css3,则会使用jquery来替代css3实现滚动效果。
    查看全部
  • .anchors: 定义锚链接,默认值为[].有了锚链接,用户就可以快速打开定位到某一页面。 注意定义锚链接的时候,值不要和页面中任意的id或name相同,尤其是在IE浏览器下。而且定义是不需要加# .lockAnchors: 是否锁定锚链接,默认为false。如果设置为true,那么定义的锚链接,也就是anchors属性则没有效果。这个配置项使用的比较少。
    查看全部
  • .scrollingSpeed: 滚动速度,单位为毫秒,默认700.
    查看全部
  • 配置项 .verticalCentered: 每一页的内容是否垂直居中,默认为true .resize: 字体是否虽则窗口缩放而缩放,默认为false
    查看全部
  • 基本页面结构:默认显示的是第一个section,要想首先显示的不是第一个,则在想要显示的section后加一个active类。 <div id="fullpage"> <div class="section"> <div class="slide">slide1</div>//可以给每个页面加slide幻灯片 <div class="slide">slide2</div> <div class="slide">slide3</div> </div> <div class="section">content</div>//每一个section会成为一个页面 <div class="section">content</div> </div> 要想激活fullpage效果,要加入: <script> $(document).ready(function(){ $('#fullpage').fullpage(); })//在加载fullpage的时候引入fullpage方法。
    查看全部
    0 采集 收起 来源:如何开始

    2018-03-22

  • 在页面引入
    查看全部
    0 采集 收起 来源:如何开始

    2016-09-10

  • 配置项 .sectionsColor: 可以为每个section设置backgroun-color属性。 .controlArrows: 定义是否通过箭头来控制slide幻灯片,默认为true。当我们设置为false,则幻灯片左右两侧的箭头就会消失,在移动设备上,我们可以通过滑动来操作幻灯片。
    查看全部
  • anchors
    查看全部
  • 回调函数
    查看全部
  • 回调函数
    查看全部
  • 回调函数
    查看全部

举报

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

微信扫码,参与3人拼团

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

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