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 |
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
- JS update
This awesome jQuery plugin is developed by kuranton. For more Advanced Usages, please check the demo page or visit the official website.