search

Liudongge / JavaScript_Notes

learn and work by JS
0 stars 0 forks source link

fullpage.js的学习和使用 #11

Open Liudongge opened 7 years ago

Liudongge commented 7 years ago

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

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