Tiny jQuery Plugin For One Page Scrolling and Snapping - magneticScroll

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

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.