-
fullpage的配置项 sectionsColor: ['lightseagreen', 'deepskyblue', 'cornflowerblue', 'darkseagreen'], //设置每个section的bgc controlArrows: false, // 幻灯片是否显示左右两侧箭头 verticalCentered:false, 内容是否居中 resize:true 字体是否随窗口大小缩放 scrollingSpeed:1200,//窗口切换速度 默认700ms anchors: ['page1', 'page2', 'page3', 'page4'], // 定义锚链接 css3:true 是否使用css3 tranforms来实现滚动效果 loopTop:true, 滚动到顶部时候滚动到底部 默认false loopBottom:true 滚动到底部是否滚动回顶部 默认false loopHorizontal:false 横向幻灯片是否循环滚动 默认true autoScrolling:false 是否使用滚动插件 默认true 否则出现滚动条 scrollBar:true 是否出现滚动条 默认false 滚动仍然是全屏翻页查看全部
-
还可以添加配置项： 在fullpage（{ sectionsColor:['','','',''],//分别为各个section设置背景颜色 controlArrows： ，默认为true，定义是否通过箭头来控制slide vertical： ，默认为true，每一页的内容是否垂直居中； resize： ，默认为false，字体是否随着窗口缩放而缩放； scrollingSpeed： ，滚动速度，单位为毫秒，默认为700； anchors：['page1','','',''],定义锚链接，使每个section在地址栏有不同地址，便于直接找到某一section lockAnchors: ,默认为false，若为true，则所添加的anchors不会自动在地址栏生效，需手动在地址栏地址后面加上自己的命名 }）；查看全部
-
第二章的学习内容的完整笔记https://github.com/Niefee/My-study-records/blob/master/2016/1/2016%E5%B9%B41%E6%9C%8818%E6%97%A5.markdown查看全部
-
配置项： easing： ，定义页面section的滚动方式，默认为easeInOutCubic，如果修改此项需引入jquery.easings插件或 jquery ui， css3： ，是否使用css3 transforms来实现滚动效果，默认为true，可以提供支持css3的浏览器，比如移动设备等的速度 loopTop： ，滚动到顶部后是否连续滚动到底部，默认为false； loopBottom： ，滚动到底部以后是否连续滚动到顶部，默认为false； loopHorizontal： ，横向slide是否循环滚动，默认为true； autoScrolling： ，是否使用插件的滚动方式，默认为true，，如果为false，则会出现浏览器的滚动条，将不会按页滚动，而是按照滚动条的行为来滚动。 scrollBar： ，是否包含滚动条，默认为false，如果设置为true，则按页滚动与滚动条滚动均有效 paddingTop/paddingBottom: ,设置每一个section的顶部和底部的padding，默认为0； fixedElements：‘#ID名’，固定的元素，默认值为null，需要为其配置一个jquery选择器，在页面滚动的时候，fixedElements设置的元素固定不动，如果不加这个属性，那么你想固定的东西会被覆盖掉； keyboardScrolling： ，是否可以使用键盘方向键导航，默认为true； touchSensitivity： ，在移动设备中滑动页面的敏感性，默认为5，最高为100，越大越难滑动 continuousVertial: ,是否循环滚动，默认为false，如果设置为true，则页面会循环滚动，但是不会像loopTop/loopBottom那样生硬（这个属性和两个loop不兼容）， animateAnchor：锚链接是否可以控制滚动动画，默认为true，若设置为false，则通过锚链接定位到某个section时不会有动画查看全部
-
.easing: 定义页面section滚动的动画方式，默认为easeInOutCubic，如果修改此项，需要引入jquery。easings插件，或者jquery ui。 .css3: 是否使用css3 transforms来实现滚动效果，默认为true。这个配置项可以提高支持css3的浏览器，比如移动设备等的速度，如果浏览器不支持css3，则会使用jquery来替代css3实现滚动效果。 .loopTop: 滚动到最顶部后是否连续滚动到底部，默认为false。 .loopBottom： 滚动到最底部后是否连续滚动回顶部，默认为false。 .loopHorizontal： 横向slider幻灯片是否循环滚动，默认为true。 .autoScrolling： 是否使用插件的滚动方式，默认为true，如果选择false，则会出现浏览器自带的滚动条，将不会按页滚动，而是按照滚动条的默认行为来滚动。 .scrollBar： 是否包含滚动条，默认为false，如果设置为true，则浏览器自带的滚动条出现，页面滚动时还是按页滚动，但是滚动条的默认行为也有效 .paddingTop/paddingBottom： 设置每一个section顶部和底部的padding，默认都为0.一般如果我们需要设置一个固定在顶部或者底部的菜单、导航、元素等，可以使用这两个配置项。 .fixedElements： 固定的元素，默认为null，需要配置一个jquery选择器。在页面滚动的时候，fixedElements设置的元素固定不动。 .keyboardScrolling： 是否可以使用键盘方向键导航，默认为true。 .touchSensitivity： 在移动设备中滑动页面的敏感性，默认为5，是按百分比来衡量，最高为100，越大则越难滑动 .continuousVertical:是否循环滚动，默认为false。如果设置为true，则页面会循环滚动，而不像loopTop或loopBottom那样出现跳动，注意这个属性和loopTop、loopBottom不兼容，不要同时设置。 .animateAnchor： 锚链接是否可以控制滚动动画，默认为true。如果设置为false，则通过锚链接定位到某个页面显示不再有动画效果。查看全部
-
在页面离开的时候onLeave还原CSS属性值，保证每一次滑动翻页都能有动画效果查看全部
-
实例1查看全部
-
move.js2查看全部
-
move.js查看全部
-
图片懒加载查看全部
-
peizhixiang10查看全部
-
peizhixiang9查看全部
-
peizhixiang8查看全部
-
peizhixiang6查看全部
-
peizhixiang5查看全部
举报
0/150
提交
取消