10 Best Smooth Scroll JavaScript/jQuery Plugins (2021 Update)

by jQueryScript,

What Is Smooth Scroll?

The Smooth Scroll feature enables the user to smoothly scroll the webpage to a specific point or element within the webapge when clicking or tapping anchor links.

The Best Smooth Scroll Plugin

In this post you will find the 10 best Vanilla JavaScript (and jQuery) Smooth Scroll plugins to bring the smooth scrolling experience on your long web page. I hope you like it.

Smooth Scroll With Pure CSS?

You can also use the scroll-behavior CSS property to implement the smooth scrolling on a scrolling box.

html {
  scroll-behavior: smooth;
}

Originally Published Dec 17 2017, updated Feb 20 2021

Table of contents:

jQuery Smooth Scroll Plugins:

JavaScript Plugin For Smooth Scroll Snapping - panelSnap

panelSnap is a jQuery plugin that allows to snap to blocks of content when you scroll through a web page or parts of it.

JavaScript Plugin For Smooth Scroll Snapping - panelSnap

[Demo] [Download]


Smooth Scroll To Anchor Plugin With jQuery - smoothScroll.js

An easy and lightweight jQuery smooth scroll plugin which makes the internal anchors smoothly scroll the web page to a particular DIV (or any other point) within the document.

Smooth Scroll To Anchor Plugin With jQuery - smoothScroll.js

[Demo] [Download]


Smooth Scroll Plugin For Bootstrap Scrollspy Component - smoothScroll.js

A tiny jQuery plugin that adds the Smooth Scroll functionality to the native Bootstrap 4 scrollspy component. Based on jQuery's animate() method.

Smooth Scroll Plugin For Bootstrap Scrollspy Component - smoothScroll.js

[Demo] [Download]


jQuery Smooth Content Scrolling Plugin - Smooth Scroll

Smooth Scroll is a jQuery plugin that allows you to scroll any element of you page with smooth animation effect.

jQuery Smooth Content Scrolling Plugin - Smooth Scroll

[Demo] [Download]


jQuery Plugin For Smooth Page Scrolling - MK_smoothScroll

MK_smoothScroll is a super tiny jQuery one page scroll plugin for handling automatic smooth page scrolling with a pagination control.

jQuery Plugin For Smooth Page Scrolling - MK_smoothScroll

[Demo] [Download]


Vanilla JS Smooth Scroll Plugins:

Scrollspy & Smooth Scroll Library – scrollspy.js

A lightweight pure JavaScript scrollspy library that enables the navigation links to smoothly scroll between page sections with scrollspy support.

Scrollspy & Smooth Scroll Library – scrollspy.js

Demo Download


Native Smooth Scroll Polyfill – smoothscroll.js

smoothscroll.js is a lightweight, configurable, Vanilla JavaScript polyfill for native smooth scroll using CSS scroll-behavior: smooth property.

native-smooth-scroll-polyfill

Demo Download


Create Smooth Momentum Scrolling Effects – Butter.js

A plain JavaScript library that applies a smooth momentum scrolling (also called inertial rolling) to any scrollable elements on the web.

Create Smooth Momentum Scrolling Effects – Butter.js

Demo Download


Scroll To Anchor

Scroll To Anchor

Yet another smooth scroll JavaScript library that smoothly scrolls the page to specific anchors with offsets in the document.

Demo Download


scroll-animate-to

The scroll-animate-to JavaScript library animates scrolling to a specified point within the document.

scroll-animate-to

Demo Download


More Resources:

Want more jQuery plugins or JavaScript libraries to create awesome Smooth Scrolling Effect on the web & mobile? Check out the jQuery Smooth Scroll and JavaScript Smooth Scroll sections.

See also: