Skip to content

fullpage.js的学习和使用 #11

@Liudongge

Description

@Liudongge

官方说明总结:
一. 引入文件
二. html结构: section active slide 参照demoPage.html
三. JS:

  1. 初始化代码
$(document).ready(function() {
	$('#fullpage').fullpage();
});
  1. anchors定义主锚点。slide定义横向子锚点。
  2. 创建自定义大小的滚动页。fp-auto-height、fp-auto-height-responsive。 参照autoheight.html
  3. lazyLoading: true 支持懒加载。 data-src后跟资源地址
  4. auto play/pause: data-autoplay data-keepplaying
  5. extensions: https://github.com/alvarotrigo/fullPage.js#options
  6. methods: https://github.com/alvarotrigo/fullPage.js#methods
  7. callbacks: https://github.com/alvarotrigo/fullPage.js#callbacks

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions