FullPage.js自学笔记(三)

配置项介绍

FullPage.js自学笔记(三)_第1张图片
fullpage.jpg

十六、touchSensitivity:

在移动设备中滑动页面的敏感性,默认为5,是按百分比来衡量,最高为100,越大则越难滑动。

十七、continuousVertical:

页面是否循环滚动,默认为false,如果设置为true,则页面会循环滚动,而不是像loopTop或loopBottom那样出现跳动。
注:这个属性和loopTop、loopBottom不兼容,不能同时设置。

十八、animateAnchor:

锚链接是否可以控制滚动动画,默认为true。如果设置为false,则通过锚链接定位到某个页面显示不再有动画效果。

十九、recordHistory:

是否记录历史,默认为true,可以记录页面滚动的历史,通过浏览器的前进后退来导航。
注:如果设置了autoScrolling:false,那么这个配置也将被关闭,即设置为false。

二十、menu:

绑定菜单,设置的相关属性与anchors的值对应后,菜单可以控制滚动,默认为false,可以设置为菜单的jquery选择器。示例代码如下:




 
 
 Fullpage简单例子
 

 





这是第一屏

slide1
slide2
slide3
slide4
slide5
slide6

这是第三屏

这是第四屏

二十一、navigation:

是否显示导航,默认为false,如果设置为true,会显示小圆点作为导航。

(1)navigationPosition:

导航小圆点的位置,可以设置为left或right。

(2)navigationTooltips:

导航小圆点的tooltips设置,默认为[],注意按照顺序设置。
示例代码如下:

 

二十二、scrollOverflow:

内容超过满屏后是否显示滚动条,默认为false。如果设置为true,则会显示滚动条,如果要滚动查看内容,还需要jquery.slimscroll插件的配合。slimscroll插件主要用于模拟传统的浏览器的滚动条。

二十三、sectionSelector:

section的选择器,默认为.section。

二十四、slideSelector:

slide的选择器,默认为.slide。

FullPage.js的配置项介绍到此为止,欢迎大家批评指正!

你可能感兴趣的:(FullPage.js自学笔记(三))