multiscroll.js划分垂直页面滚动插件-插件特效-星河码客

multiscroll.js是一个简单的插件来创建划分多滚动网站两个垂直滚动面板。使用方法引用相关文件 HTML

Some section

调用$(document).ready(function() { $('#multiscroll').multiscroll();});一个更复杂的初始化所有选项设置可以看起来像这样:$(document).ready(function() { $('#multiscroll').multiscroll{ 'verticalCentered' : true, 'scrollingSpeed': 700, 'easing': 'easeInQuart', 'menu': true, 'sectionsColor': false, 'navigation': false, 'navigationPosition': 'right', 'navigationColor': '#000', 'navigationTooltips': [], 'loopBottom': false, 'loopTop': false, 'css3': false, 'paddingTop': 0, 'paddingBottom': 0, 'fixedElements': null, 'normalScrollElements': null, 'keyboardScrolling': true, //events onLeave: function(index, nextIndex, direction){}, afterLoad: function(anchorLink, index){}, afterRender: function(){}, afterResize: function(){}, });});方法moveSectionUp()$.fn.multiscroll.moveSectionUp();moveSectionDown()$.fn.multiscroll.moveSectionDown();moveTo(section)/*Scrolling to the section with the anchor link `firstSlide` */$.fn.multiscroll.moveTo('firstSlide');//Scrolling to the 3rd section in the site$.fn.multiscroll.moveTo(3); setAllowScrolling$.fn.multiscroll.setAllowScrolling(false);setKeyboardScrolling$.fn.multiscroll.setKeyboardScrolling(false);setScrollingSpeed$.fn.multiscroll.setScrollingSpeed(700);

multiscroll.js划分垂直页面滚动插件

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»