This time I will share jQuery Plugin and tutorial about Basic Cross-platform One Page Scroll Plugin With jQuery – fullpage, hope it will help you in programming stack.
Just another jquery one page scroll plugin which applies a fast, performant, mobile-friendly vertical scrolling effect to your long webpage. The users are able to scroll between pages via mouse wheel or touch swipe events.
How to use it:
1. Add page sections to your html document:
2. Make the sections fullscreen no matter how you resize the screen.
6 |
#fullpage section { height : 100 vh; } |
3. Add jQuery library and the fullpage.js script right before the closing body tag.
1 |
< script src = "//code.jquery.com/jquery-3.2.0.min.js" ></ script > |
2 |
< script src = 'jquery.fullpage.min.js' ></ script > |
4. Call the function and the plugin will take care of the rest.
1 |
$( '#fullpage' ).fullpage(); |
5. Sometimes you might need to remove the click delays on modal devices.
1 |
< script src = '/path/to/fastclick.min.js' ></ script > |
1 |
FastClick.attach(document.body); |
This awesome jQuery plugin is developed by poezhang. For more Advanced Usages, please check the demo page or visit the official website.