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/plugins for the smooth scroll functionality without any 3rd dependencies (e.g. jQuery). I hope you like it and help me spread the world.
Top 10 Smooth Scroll JavaScript Plugins:
10. youscroll.js
Just another scroll to JavaScript library that enables the webpage to smoothly scroll to a specific point (or scroll down to a certain amount of pixels).
9. fluid-scroll.js
A lightweight, zero-dependency JavaScript library that implements the smooth scrolling effect on your long webpage.
8. Scroll.js
Scroll.js is an ultra-light JavaScript library that transforms native browser scroll into a smooth scrolling with momentum effect.
7. pfSmoothScroll
pfSmoothScroll is a tiny (~4kb unminified) JavaScript library which enables the anchor links to scroll smoothly through the sectioned content inside your single page web application.
6. smoothScroll.js
smoothScroll is a super tiny (~2kb) JavaScript library which enables your webpage scrolling to specified position within the document.
5. js-navbar-scroll
js-navbar-scroll is a tiny JavaScript library used to create a top navigation that provides the smooth scroll and scrollspy experiences on your single page web application.
4. 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.
3. AnimateScroll.js
lazyframe.js is a native JavaScript library used to delay the loading of iframe content for Google Maps, Youtube/Vimeo/Vine videos and so on.
2. scrollmenu.js
scrollmenu.js is a simple, flexible JavaScript library used for adding an active class to the nav items when you scroll past their sections. Clicking on a link in the nav will smoothly scroll to the corresponding section.
1. scrollToAnchor
scrollToAnchor is an extremely lightweight (~1kb) which enables anchor links to smoothly scroll to desired point within the document.