10 Best Smooth Scroll Libraries In Pure JavaScript (2024 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 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 Jan 22 2024

10 Best Smooth Scroll JavaScript Plugins:

1. 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.


2. Scrollspy & Smooth Scroll Library – scrollspy.js

scrollspy

[Demo] [Download]

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


3. Super Smooth Scroll To JavaScript Library – Scroller.js

super-smooth-scroll-scroller

[Demo] [Download]

A lightweight and customizable smooth scrolling JavaScript library that works with any element (not only anchor links).


4. JavaScript Library For Smooth Page Scrolling Effect – smoothScroll

JavaScript Library For Smooth Page Scrolling Effect – smoothScroll

[Demo] [Download]

A super tiny (~2kb) JavaScript library which enables your webpage scrolling to a specified position within the document.


5. Modern Performant Smooth Scroll Library – Jump.js

Modern Performant Smooth Scroll Library – Jump.js

[Demo] [Download]

A modern, performant and customizable smooth scroll library written in pure JavaScript (ES6).


6. JavaScript Library For Smooth Scrolling With Easing – smooth-scroll.js

smooth-scrolling-easing

[Demo] [Download]

An advanced smooth scroll JavaScript library that makes it possible to smoothly scroll the page to a specified point within the document, with configurable duration and optional easing effects.


7. Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js

Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js

[Demo] [Download]

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.


8. scroll-into-view-if-needed

scroll-into-view-if-needed

[Demo] [Download]

Element.scrollIntoView ponyfills for things like “if-needed” and “smooth”.


9. zenscroll

zenscroll

[Demo] [Download]

A JavaScript module to smooth-scroll web pages and other scrollable elements.


10. Auto Apply Smooth Scroll Behavior To Anchor Links – anchor-scroll

Auto Apply Smooth Scroll Behavior To Anchor Links – anchor-scroll

[Demo] [Download]

The anchor-scroll JavaScript library automatically applies a smooth scroll behavior on anchor links within the document.


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: