Tiny jQuery Plugin For One Page Scrolling and Snapping - magneticScroll
File Size: | 10.3 KB |
---|---|
Views Total: | 3403 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

magneticScroll is a lightweight yet customizable jQuery one page scroll plugin which provides scroll-and-snap functionality for vertical page scrolling. Works on any html elements and allows mouse scroll & arrow keys interaction.
Basic usage:
1. Load jQuery library and the jQuery magneticScroll plugin in the html page when needed.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="magneticScroll-1.0.min.js"></script>
2. Just add the following line to your script to magnetize all the element with the "magnetic" class :
$.magneticScroll();
3. You can customize the selector:
$.magneticScroll({ 'selector': 'p' });
4. You can also change the speed, timeout and easing parameters:
$.magneticScroll({ "selector": "p", "easing": "linear", "speed": 2500, "timeout": 1000 });
This awesome jQuery plugin is developed by maximegaul. For more Advanced Usages, please check the demo page or visit the official website.