What Is Momentum Scrolling?
Momentum scrolling (also called Inertial scrolling) is an interaction technique that applies acceleration to an element (a page, image, div, etc.) so it scrolls by quickly. This user interface pattern was introduced by Apple in iOS 6 in Safari Mobile has also recently been added to the latest version of Google Chrome for Android.
It is a scrolling technique dependent on the inertia of a fingertip or mouse wheel, moving back and forth to scroll at speeds that seem contextually consistent or natural. When scrolling ends, momentum scrolling will continue until it stops naturally.
The Best Momentum Scrolling Libraries
This article will explore how to use the momentum scrolling effect, listing the best 10 momentum scrolling libraries that can help you improve the scroll experience on your site - just like swiping on iOS and Android.
Best jQuery Momentum Scrolling Plugins:
Smooth Momentum Scrolling Effect with jQuery - Momentum Scroll
A super tiny (~2kb) jQuery plugin that uses jQuery easing and CSS3 transitions / transforms to implement mobile style very smooth inertial / momentum scrolling effect on your webpage.
Lightweight Kinetic/Momentum Scroll Plugin - jQuery Kinetic
A small and configurable jQuery plugin which provides a smooth kinetic/momentum scrolling effect as you move a scrollable element with mouse drag or touch swipe.
jQuery Plugin For Adding Momentum Scrolling To Web Content - scrollEasing
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.
Lightweight Momentum Scrolling And Parallax Plugin With jQuery - parachutejs
A lightweight jQuery plugin for adding momentum scrolling together with parallax effect to web content that works perfectly on both desktop and mobile browsers.
Touch-enabled Swiper With Inertial Motion - vmSwipe
A minimal jQuery swiper plugin used to scroll through a group of block elements with a configurable momentum scrolling effect.
Vanilla JS Momentum Scrolling Plugins:
Momentum Scrolling Effect For Mouse Wheel – magic-scroll
Create Smooth Momentum Scrolling Effects – Butter.js
Momentum scrolling is a newer trend in web design. Instead of the typical linear scroll you might be used to, momentum scrolling makes the page feel like it's not just moving but that there's some inertia behind it. It's this inertia that provides its "glide-like" motion.
- 10 Best Mobile-friendly One Page Scroll Plugins