jQuery Plugin For Adding Momentum Scrolling To Web Content - scrollEasing

File Size: 15.8 KB
Views Total: 2855
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Adding Momentum Scrolling To Web Content - scrollEasing

scrollEasing.js is an extremely lightweight ( less then 1kb) jQuery plugin that uses CSS3 2D transforms to add iOS-like smooth momentum scrolling (inertial scrolling) effect to web content on desktop.

How to use it:

1. Import the JavaScript file scrollEasing.js into your document. Make sure you first have jQuery library loaded.

<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="scrollEasing.js"></script>

2. Enable the plugin on the target container.

smoothScroll('.container');

3. Make the container fix positioned and add custom transitions.

.container {
  transition: transform 1000ms ease-out;
  position: fixed;
}

Change log:

2016-02-11


This awesome jQuery plugin is developed by kuranton. For more Advanced Usages, please check the demo page or visit the official website.