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 03 2022
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. 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.
3. Scroll To Anchor
Yet another smooth scroll JavaScript library that smoothly scrolls the page to specific anchors with offsets in the document.
4. Animate Scrolling To Anchor Links – scrollToSmooth
Just another pure JS smooth scroll library to animate the page scrolling to specified anchor links, with or without easing functions.
5. Tiny Smooth Scroll Library – smoothScroll.js
An ES5/ES6 JavaScript library used to implement the configurable smooth scroll behavior on your long web page.
6. 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.
7. JavaScript Library For Smooth Scrolling With Easing – smooth-scroll.js
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.
8. Basic Smooth Scroll In Vanilla JavaScript – SmoothScroll.js
Yet another smooth scroll library in pure JavaScript that enables the internal anchor link to smoothly scroll to a specific point at a given speed.
9. Modern Performant Smooth Scroll Library – Jump.js
A modern, performant and customizable smooth scroll library written in pure JavaScript (ES6).
10. Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js
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.
More Resources:
To download more smooth scroll libraries for your modern website & web app, here are a few more resources available online:
