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

wuchangjian2021-11-15 08:32:07编程学习

下载地址

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

HTML

Some section
Some section
Some section
Some section
Some section
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);

27_eb31d78bf48cd18a13b8ef588f0a4bdf.png

dd:

相关文章

多家共享单车调价:哈啰涨价单次骑行价格2元起,美团调整畅骑卡原价

2022-08-08 15:07:46 共享单车骑行价格正陆续上涨。8...

C语言实现三子棋

C语言实现三子棋

描述 用C语言实现三子棋 三子棋的实现主要包括打印棋盘,玩家下棋&...

【Python+Django】一个博客网站的设计和代码实现

【Python+Django】一个博客网站的设计和代码实现

本文最终实现一个博客网站,包含一个博客的主要用户,文章和评论...

[react] 在react中页面重新加载时怎样保留数据?

[react] 在react中页面重新加载时怎样保留数据? 使用浏览器l...

中国十年,湖南“味道”③|甜蜜:力解民生困 成就幸福感

中国十年,湖南“味道”③|甜蜜:力解民生困 成就幸福感

2022-08-10 18:47:47 编者按:党的十八大以来的十年,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。