10 Best Smooth Scroll jQuery Plugins Of 2018

by jQueryScript,

The Smooth Scroll jQuery Plugins lets you implement the smooth scrolling experience on your long web page. In this post you will find the 10 best jQuery Smooth Scroll plugins published at jQuery Script. I hope you like it.

YOU MIGHT NOT NEED JQUERY! View our another collection of Top 10 Smooth Scroll libraries implemented in PURE JavaScript And/or CSS.

Originally Published Dec 17 2017, updated Dec 16 2018

Top 10 Smooth Scroll Plugins:

Sticky One Page Scroll Navigation With jQuery And CSS3

Makes use of jQuery, CSS3 animations and flexbox model to create a sticky top navigation for your one page scroll websites, with support for scrollspy and smooth scroll.

https://www.jqueryscript.net/menu/Sticky-One-Page-Scroll-Navigation-jQuery-CSS3.html

[Demo] [Download]


Sticky Header Navigation With Smooth Scroll

A sticky, responsive, mobile-friendly header navigation concept that automatically shrinks itself on scroll down and features smooth scroll functionality which makes it possible to scroll through page sections by clicking on nav links.

https://www.jqueryscript.net/menu/Sticky-Header-Navigation-Smooth-Scroll-jQuery.html

[Demo] [Download]


Lightweight Kinetic Scrolling / Parallax Plugin With jQuery - inertiaScroll

inertiaScroll is a jQuery plugin which enables "momentum" style scrolling and configurable parallax scrolling effects on your webpage.

https://www.jqueryscript.net/animation/Kinetic-Scrolling-Parallax-Plugin-jQuery-inertiaScroll.html

[Demo] [Download]


jQuery/CSS Sticky Header Navigation With Scrollspy Functionality

This is a jQuery and CSS/CSS3 based header navigation that will be fixed on the top of the page and auto highlight the current menu item when you scroll past its content section.

https://www.jqueryscript.net/menu/jQuery-CSS-Sticky-Header-Navigation-With-Scrollspy-Functionality.html

[Demo] [Download]


jQuery Plugin For Sticky Headers With Smooth Scroll Animations

Sticky Multi Header Scroll is a small jQuery plugin which makes multiple section headers stackable and sticky on the top of the webpage when scrolling down.

https://www.jqueryscript.net/other/jQuery-Sticky-Header-Smooth-Scroll.html

[Demo] [Download]


Smooth Scroll To Top Plugin For jQuery - Scrolls.js

Scrolls.js is a lightweight jQuery scroll to top plugin that enables a configurable button to smoothly scroll back to the top of the webpage.

https://www.jqueryscript.net/animation/Scroll-To-Top-Plugin-jQuery-Scrolls.html

[Demo] [Download]


Minimal Scrollspy And Smooth Scroll Plugin - jQuery Click-scroll

The jQuery Click-scroll plugin lets you create a site navigation that enables the user to scroll through different page sections with smooth scroll and scrollspy functionalities.

https://www.jqueryscript.net/menu/Scrollspy-Smooth-Scroll-Plugin-jQuery-Click-Scroll.html

[Demo] [Download]


Fixed Single Page App Navigation Plugin - jQuery scroll2Section

The jQuery scroll2Section plugin lets you create a sticky navbar that smoothly scrolls the page to specific content sections while highlighting the current nav item.

https://www.jqueryscript.net/menu/Single-Page-App-Navigation-jQuery-scroll2Section.html

[Demo] [Download]


Sticky Navigation With Scrollspy And Smooth Scroll - jQuery Tacky

Tacky is a simple and easy-to-extend jQuery sticky site navigation plugin that supports scrollspy and smooth scroll functionalities.

https://www.jqueryscript.net/menu/Sticky-Navigation-Scrollspy-Smooth-Scroll-jQuery-Tacky.html

[Demo] [Download]


Smoothly Scroll Body With Animation - jQuery smoothScroll

smoothScroll is a lightweight jQuery plugin which enables your users to smoothly scroll the whole webpage with configurable animations.

https://www.jqueryscript.net/animation/Smoothly-Scroll-Body-Animation-jQuery-smoothScroll.html

[Demo] [Download]