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.











