-
配置项7查看全部
-
配置项6查看全部
-
配置项5查看全部
-
配置项4查看全部
-
配置项3查看全部
-
配置项2查看全部
-
配置项查看全部
-
fullpage配置项查看全部
-
学习。。。查看全部
-
<script> $(document).ready(function(){ $('#fullpage').fullpage(); }); </script> 注意单引号和小写p，细心很重要查看全部
-
jq easing查看全部
-
fullPage.js下载网址 https://github.com/alvarotrigo/fullPage.js查看全部
-
引入cdnjs上的文件，可减轻服务器压力查看全部
-
// paddingTop:100 设置每个section顶部的padding 默认0 如果有固定顶部菜单导航使用 // paddingBottom:200 设置每个section底部的padding 默认0 如果有固定底部使用 // fixedElements:'#jk' 页面固定元素 // keyboardScrolling:true 是否用键盘控制 默认true // touchSensitivity:10 在移动设备中的灵敏度 默认5 按百分比衡量 最高100 越大越难滑动 // continuousVertical:true 是否循环翻页 与padTOP padBOT不兼容 不要同时设置 // animateAnchor:true 是否可以用锚链接控制滚动动画 默认true menu: '#fullpageMenu', // navigation: true, //是否显示导航（小圆点） navigationPosition: 'right', //设置小圆点位置 left right navigationTooltips: ['第一页', '第二页', '第三页', '第四页'], //小圆点锚记 showActiveTooltip: true, //是否显示当前导航的小圆点信息 默认false slidesNavigation: true, //是否显示幻灯片小圆点 slidesNavPosition: 'bottom', // 小圆点位置 可设置top，bottom scrollOverflow: true, //单页超出内容是否出现滚动条 需要slimscroll插件支持 sectionSelector: //section的选择器 默认为.section slideSelector: //slide的选择器 默认为.slide查看全部
-
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 滚动仍然是全屏翻页查看全部
举报
0/150
提交
取消