10 Best Smooth Scroll Libraries In Pure JavaScript (2021 Update)

Smooth Scroll is a modern web design pattern that enables the visitor to smoothly scroll the web page to a particular position.

In this post,  you will see the 10 best JavaScript libraries for the smooth scroll functionality without any 3rd dependencies (e.g. jQuery).

I hope you like it and help me spread the world.

Originally Published Dec 05 2017, updated Mar 12 2021

10 Best Smooth Scroll JavaScript Plugins:

1. Scrollspy & Smooth Scroll Library – scrollspy.js

Scrollspy & Smooth Scroll Library – scrollspy.js

Demo Download

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


2. Native Smooth Scroll Polyfill – smoothscroll.js

native-smooth-scroll-polyfill

Demo Download

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


3. Create Smooth Momentum Scrolling Effects – Butter.js

Create Smooth Momentum Scrolling Effects – Butter.js

Demo Download

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


4. Scroll To Anchor

Scroll To Anchor

Demo Download

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


5. scroll-animate-to

scroll-animate-to

Demo Download

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


6. Smooth Scroll With Easing Functions – smooth-scroll

Smooth Scroll With Easing Functions - smooth-scroll

Demo Download

A lightweight, fast JavaScript library which applies a smooth scroll behavior (with or without easing functions) to anchor links within the document.


7. Smooth Drag To Scroll Library – Scrollbooster

Smooth Drag To Scroll Library – Scrollbooster

Demo Download

Scrollbooster is a small and zero-dependency JavaScript library that provides the smooth drag-to-scroll functionality (with or without an inertia bounce effect) for any content.


8. Tiny Smooth Scroll Library – smoothScroll.js

Tiny Smooth Scroll Library – smoothScroll.js

Demo Download

An ES5/ES6 JavaScript library used to implement the configurable smooth scroll behavior on your long web page.


9. moveTo.js

moveTo

Demo Download

moveTo.js is a lightweight JavaScript library that allows for scroll smoothly between content sections within the document. Powered by window.requestAnimationFrame() API and fully configurable via both JavaScript and Data attributes.


10. Horizonal & Vertical Smooth Scroll With Easing – easy-scroll

Horizonal & Vertical Smooth Scroll With Easing - easy-scroll

Demo Download

An easy and lightweight smooth scroll library that smoothly scrolls to top/right/bottom/left within your page or a specific container.


More Resources:

To download more smooth scroll libraries for your modern website & web app, here are a few more resources available online:

You Might Be Interested In: