10 Best Smooth Scroll JavaScript Plugins Of 2017

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

youscroll

Demo Download

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

fluid-scroll.js

Demo Download

A lightweight, zero-dependency JavaScript library that implements the smooth scrolling effect on your long webpage.


8. Scroll.js

Scroll.js

Demo Download

Scroll.js is an ultra-light JavaScript library that transforms native browser scroll into a smooth scrolling with momentum effect.


7. pfSmoothScroll

pfSmoothScroll

Demo Download

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

Demo Download

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

Demo Download

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

Demo Download

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

AnimateScroll.js

Demo Download

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

Demo Download

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

Demo Download

scrollToAnchor is an extremely lightweight (~1kb) which enables anchor links to smoothly scroll to desired point within the document.


pfSmoothScroll