手记

fullpage.js相关API配置

API配置介绍(非完整)

sectionsColor:为每一页设置背景颜色;sectionsColor: ['blue','grey'],

controlArrows:true;默认为true,false时则可以去掉幻灯片的默认箭头; controlArrows:false,在移动端下使用手指触碰,一般保持默认值

verticalCentered:是否垂直居中,默认为true

resize:字体是否随着窗口缩放而缩放,默认为false

scrollingSpeed:滚动速度,默认为700,单位为毫秒

anchors:定义锚链接,默认值为[]。有了锚链接,用户就可以快速打开定位到某一页面。注意定义锚链接的时候,值不要和页面中任意的id或name相同,尤其是在IE浏览器下。而且定义时不需要加#

lockAnchors:是否锁定锚链接,默认为false。如果为true,则anchors属性没有效果,但是可以根据anchors的定位找到对应页,只是滚动网页没有出现anchor定位。

easing: 定义页面section滚动的动画方式,默认为easingInOutCubic,若修改此项需要引入jquery.easings插件或jquery ui

css3: 是否使用css3 transforms来实现滚动效果,默认为true。这个配置项可以提高支持css3浏览器的速度,比如移动设备,如果浏览器不支持css2,则会使用jquery来替代css3实现滚动效果。

loopTop:滚动到最顶部是否连续滚动回底部,默认为false

loopBottom:与上相反,默认为false

loopHorizontal:横向slide幻灯片是否循环滚动,默认为true

autoScrolling:是否使用插件的默认滚动方式,默认为true。若为false,则会出现浏览器自带的滚动条,将不按页滚动,而是按浏览器滚动条的默认行为滚动。

scrollBar: 是否包含浏览器默认滚动条,默认为false,如果设置为true,则浏览器自带的滚动条出现,页面滚动时还是按页滚动,但滚动条的默认行为也有效

0人推荐
随时随地看视频
慕课网APP