jQuery provides multiscroll.js plugin which helps programmers to create split web pages along with divided multiple vertical scrolling panels.
Note: Please download the jQuery multiscroll plugin to your working folder and include the required files in the head section of your code as shown below. Download “jquery.easings.min.js” file. Download “examples.css”
Include jQuery multiscroll.js Plugin files:
<link href=”jquery.multiscroll.css” rel=”stylesheet” type=”text/css”/>
<link href=”examples.css” rel=”stylesheet” type=”text/css”/>
Example 1: In the following example, the multiscroll plugin is demonstrated which results in split vertical scrolling of pages. Some of the basic option settings are done in the jQuery function of multiscroll plugin such as loopBottom : true, loopTop : true for looping effect. Other option like scrollingSpeed : 1000 is set for managing speed parameters. The programmer can set the options based on the application’s requirements.
Example 2: In the following example, the multiscroll plugin is demonstrated with some more option settings like easing : ‘easeOutBack’. Header and footer sections are also designed in the CSS part of the code along with padding option settings in the jQuery code as implemented.
- jQuery | Page Piling Plugin
- jQuery | Mask Plugin
- How to create a jQuery plugin with methods?
- jQuery | DrawSVG Plugin
- jQuery | Product Tour Plugin
- jQuery | Alertify Plugin
- jQuery | Flickerplate Plugin
- jQuery | menu-aim plugin
- jQuery | Tagsort Plugin
- jQuery | RowGrid Plugin
- jQuery | Filer Plugin
- jQuery | Logos Distort Plugin
- jQuery | Flipping Gallery Plugin
- jQuery | Vertical Dot Navigation Plugin
- jQuery | table2excel Plugin
- jQuery | CLNDR Plugin
- How to check if a jQuery plugin is loaded?
- jQuery Highcharts Plugin
- jQuery GMaps Plugin
- How to use the Magnific Popup jQuery plugin?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.