10 Best Smooth Scroll Libraries In Pure JavaScript (2023 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 27 2023

10 Best Smooth Scroll JavaScript Plugins:

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


2. locomotive-scroll

locomotive-scroll

[Demo] [Download]

A modern JS library that applies a smooth, subtle, configurable parallax scroll effect to elements when scrolled into view.


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


4. 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).


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


6. scroll-into-view-if-needed

scroll-into-view-if-needed

[Demo] [Download]

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


7. zenscroll

zenscroll

[Demo] [Download]

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


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


9. naturalScroll

naturalScroll

[Demo] [Download]

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


10. Smoothly Scroll To Any Point Within The Document – slimScroller.js

Smoothly Scroll To Any Point Within The Document – slimScroller.js

[Demo] [Download]

An ultra-light JavaScript smooth scroll library that smoothly scrolls the page to any point 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: