As web developers, we are always looking for ways to improve the user experience of our websites and applications. One way to do this is by using smooth scrolling JavaScript plugins.
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
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
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
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
Yet another smooth scroll JavaScript library that smoothly scrolls the page to specific anchors with offsets in the document.
5. scroll-animate-to
The scroll-animate-to JavaScript library animates scrolling to a specified point within the document.
6. Smooth Scroll With Easing Functions – smooth-scroll
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
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
An ES5/ES6 JavaScript library used to implement the configurable smooth scroll behavior on your long web page.
9. moveTo.js
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
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: