50 Best Smooth Scroll jQuery Plugins Of 2017

The Smooth Scroll jQuery Plugins lets you implement the smooth scrolling experience on your long web page. In this post you will find the 50 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.

jQuery Plugin For Fixed Positioned Scroll To Top Button - ap-scroll-top

A simple jQuery implementation of a customizable scroll to top button on your webpage for better UX.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Fixed-Positioned-Scroll-To-Top-Button-ap-scroll-top.html

[Demo] [Download]

Smooth Mouse Wheel Scrolling Plugin With jQuery - easeScroll

easeScroll is a jQuery plugin which provides a configurable smooth scrolling experience when the users scroll up/down the webpage with mouse wheel, keyboard and touch pad.

https://www.jqueryscript.net/animation/Smooth-Mouse-Wheel-Scrolling-Plugin-With-jQuery-easeScroll.html

[Demo] [Download]

jQuery Plugin For Auto One Page Scroll Navigation - Section Scroll

Section Scroll is a lightweight jQuery plugin for automatically generate a side bullet navigation on your one page scrolling website.

https://www.jqueryscript.net/menu/jQuery-Plugin-For-Auto-One-Page-Scroll-Navigation-Section-Scroll.html

[Demo] [Download]

jQuery Plugin For Fixed Bootstrap 4 Nav With Smooth Scroll - navbar-fixed.js

navbar-fixed.js is a very small jQuery plugin used to extend the default fixed Bootstrap navbar component with scrollspy and smooth scroll support.

https://www.jqueryscript.net/menu/jQuery-Plugin-Fixed-Bootstrap-4-Nav-Smooth-Scroll-navbar-fixed-js.html

[Demo] [Download]

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]

Smooth Scroll Position Indicator Plugin For jQuery

A jQuery plugin that generates a side navigation to indicate the user's current scroll position and allows for scrolling smoothly between sectioned content.

https://www.jqueryscript.net/menu/Smooth-Scroll-Position-Indicator-Plugin-For-jQuery.html

[Demo] [Download]

Highly Customizable Smooth Scroll To Top Plugin - Goup

Goup is a simple yet fully configurable jQuery scroll to top button which allows users to scroll back to the top of the page.

https://www.jqueryscript.net/other/Highly-Customizable-Smooth-Scroll-To-Top-Plugin-Goup.html

[Demo] [Download]

Smooth Scroll & Scrollspy Plugin For Bootstrap Fixed Navbar

A really simple jQuery plugin that adds the smooth scroll and scrollspy functionalities to the Bootstrap's fixed top navbar component.

https://www.jqueryscript.net/menu/Smooth-Scroll-Scrollspy-Plugin-For-Bootstrap-Fixed-Navbar.html

[Demo] [Download]

Custom Fullscreen One Page Scroll Plugin with jQuery - PageSwitch

Just another one page scroll plugin for jQuery that allows your visitor to scroll vertically or horizontal through all the different sections within the document

https://www.jqueryscript.net/animation/Custom-Fullscreen-One-Page-Scroll-Plugin-with-jQuery-PageSwitch.html

[Demo] [Download]

Lightweight jQuery Sticky Navigation With Scrollspy - Stickymenu.js

Stickymenu.js is a lightweight and easy-to-use jQuery plugin for creating a sticky navigation menu that automatically updates links based on scroll position.

https://www.jqueryscript.net/menu/Lightweight-jQuery-Sticky-Navigation-With-Scrollspy-Stickymenu-js.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]

Minimal jQuery Back To Top Button Plugin - dyScrollUpJS

Just another jQuery implementation of the scroll / back to top button that comes with several useful configuration options to fit your needs.

https://www.jqueryscript.net/animation/Minimal-jQuery-Back-To-Top-Button-Plugin-dyScrollUpJS.html

[Demo] [Download]

Easy Configurable Scroll To Top Back Button Plugin - illbeback

I'll Be Back is a simple yet highly customizable jQuery plugin used for creating a scroll to top button to enhance navigation experience on webpage with long content.

https://www.jqueryscript.net/other/Easy-Configurable-Scroll-To-Top-Back-Button-Plugin-illbeback.html

[Demo] [Download]

Fully Configurable jQuery Back To Top Plugin - scrollpress

scrollpress is a simple, flexible jQuery plugin for generating a back to top link for your long webpage that all the styles and configurations can be set in the JavaScript during init.

https://www.jqueryscript.net/animation/Fully-Configurable-jQuery-Back-To-Top-Plugin-scrollpress.html

[Demo] [Download]

Minimal jQuery Scrollspy & Smooth Scroll Plugin - eavesdrop.js

Just another jQuery scrollspy plugin for one page scroll website that tracks the position of DOM elements and activates certain nav items when scrolling down or up.

https://www.jqueryscript.net/menu/Minimal-jQuery-Scrollspy-Smooth-Scroll-Plugin-eavesdrop-js.html

[Demo] [Download]

Automatic Smooth Page Scroll Plugin With jQuery - autoscroll.js

autoscroll.js(verticalScroller.js) is very small jQuery plugin which helps you implement smooth, automatic, vertical scrolling effects on any scrollable area.

https://www.jqueryscript.net/animation/Automatic-Smooth-Page-Scroll-Plugin-With-jQuery-verticalScroller-js.html

[Demo] [Download]

Touch-friendly Smooth Page Scrolling Plugin For jQuery - RowScroll

RowScroll is a super tiny (~2k minified) jQuery plugin which provides smooth vertical scrolling effects for your one page website and single page applications.

https://www.jqueryscript.net/animation/Touch-friendly-Smooth-Page-Scrolling-Plugin-For-jQuery-RowScroll.html

[Demo] [Download]

Highly Customizable jQuery Back To Top Plugin - go2top

go2top is a simple, lightweight jQuery plugin for creating a SVG based back to top button which allows the visitor to go back to the top of the webpage.

https://www.jqueryscript.net/animation/Highly-Customizable-jQuery-Back-To-Top-Plugin-go2top.html

[Demo] [Download]

Smart Configurable Back To Top Button In jQuery - jquery.gotop.js

Yet another jQuery back to top plugin that enables a highly customizable button to smoothly scroll back to the top of the webpage when clicked.

https://www.jqueryscript.net/animation/Smart-Back-To-Top-Button-jQuery-gotop-js.html

[Demo] [Download]

Smooth 'Back To Top' Page Scroll Plugin With jQuery - scrolltop.js

scrollbutton is a jQuery plugin that displays an auto shown/hide 'back to top' button when scrolling down to enhance the navigation experience on your long webpage.

https://www.jqueryscript.net/animation/Smooth-Back-To-Top-Page-Scroll-Plugin-With-jQuery-scrolltop-js.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]

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]

Customizable Fixed Scroll To Top Button With jQuery - toTop.js

toTop.js is a jQuery plugin that creates a fixed back to top button for smoothly scrolling the page to the top as you're about to reach the bottom of the document.

https://www.jqueryscript.net/animation/Customizable-Fixed-Scroll-To-Top-Button-With-jQuery-toTop-js.html

[Demo] [Download]

Sliding Navigation & Back To Top Plugin - jQuery KNResponsiveMenu

The KNResponsiveMenu jQuery plugin provides the responsive fullscreen toggle menu and back to top functionality for your long webpage.

https://www.jqueryscript.net/menu/Sliding-Navigation-Back-To-Top-Plugin-jQuery-KNResponsiveMenu.html

[Demo] [Download]

CSS3 Animated Back To Top Button With jQuery - Gototop

Gototop is a jQuery plugin which generates a custom scroll to top at the 'Bottom Right' of the webpage, allowing the user to scroll the webpage to the top with a smooth scrolling experience.

https://www.jqueryscript.net/animation/CSS3-Animated-Back-To-Top-Button-With-jQuery-Gototop.html

[Demo] [Download]

Minimal One Page Navigator Plugin With jQuery - scrollMiniMenu

A plugin for generating a side navigation that displays the content section you're viewing on and allows to scroll smoothly through all different sections by click.

https://www.jqueryscript.net/menu/Minimal-One-Page-Navigator-Plugin-With-jQuery-scrollMiniMenu.html

[Demo] [Download]

Smooth Page Scrolling Plugin With jQuery - smoothPageScroll

smoothPageScroll is a lightweight jQuery one page scroll plugin which enables the anchor links to scroll the webpage to desired points smoothly.

https://www.jqueryscript.net/animation/Smooth-Page-Scrolling-Plugin-With-jQuery-smoothPageScroll.html

[Demo] [Download]

Minimal In-page Smooth Scroll Plugin With jQuery - Offset Scroller

Offset Scroller is a jQuery plugin which implements smooth scroll functionality with custom offsets on anchor links and content sections within the document.

https://www.jqueryscript.net/other/Minimal-In-page-Smooth-Scroll-Plugin-With-jQuery-Offset-Scroller.html

[Demo] [Download]

Minimal One Page Scroll Mockup With jQuery - smooth-scrolling

A minimal one page scrolling website boilerplate with support for scrollspy, smooth scrolling animation and sticky header navigation.

https://www.jqueryscript.net/other/Minimal-One-Page-Scroll-Mockup-jQuery-smooth-scrolling.html

[Demo] [Download]

Smooth Scrolling To Anchor Elements With jQuery - anchorLink

Yet another jQuery based smooth scroll plugin for creating a configurable scroll animation when you switch between content sections with anchor links.

https://www.jqueryscript.net/animation/Smooth-Scrolling-To-Anchor-Elements-jQuery-anchorLink.html

[Demo] [Download]

jQuery Based One Page Scroll Web Template - smooth-scroll.js

smooth-scroll.js is a jQuery plugin which makes it easy to create a one page scrolling website/web application with a sticky header navigation.

https://www.jqueryscript.net/animation/jQuery-Based-One-Page-Scroll-Web-Template-smooth-scroll-js.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]

jQuery Plugin For Adding Momentum Scrolling To Web Content - scrollEasing

scrollEasing.js is a jQuery plugin that uses CSS3 2D transforms to add iOS-like smooth momentum scrolling (inertial scrolling) effect to web content on desktop.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Adding-Momentum-Scrolling-To-Web-Content-scrollEasing.html

[Demo] [Download]

Lightweight Momentum Scrolling And Parallax Plugin With jQuery - parachutejs

parachutejs is a lightweight jQuery plugin for adding momentum scrolling together with parallax effect to web content that works perfectly on both desktop and mobile browsers.

https://www.jqueryscript.net/animation/Lightweight-Momentum-Scrolling-Parallax-Plugin-With-jQuery-parachutejs.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]

Configurable Smooth Scrolling Plugin With jQuery - Scroll With Ease

Scroll With Ease is a jQuery plugin that provides configurable smooth scrolling experience for your webpages, with support for mousewheel, touchpad or keyboard.

https://www.jqueryscript.net/animation/Configurable-Smooth-Scrolling-Plugin-With-jQuery-Scroll-With-Ease.html

[Demo] [Download]

jQuery Plugin For Cross-browser Smooth Scrolling Behavior - srSmoothscroll

A lightweight, cross-browser jQuery plugin that lets you implement the configurable smooth scrolling behavior on a specific container or the entire window.

https://www.jqueryscript.net/animation/jQuery-Cross-browser-Smooth-Scrolling-Behavior.html

[Demo] [Download]

Simple jQuery TOC Generator With Smooth Scroll - Toc.js

Toc.js is a tiny and simple-to-use jQuery plugin that automatically generates a table of contents for all of the headings elements within a specified container.

https://www.jqueryscript.net/menu/Simple-jQuery-TOC-Generator-With-Smooth-Scroll-Toc-js.html

[Demo] [Download]

Tiny jQuery Scroll And Snap Plugin For Vertical Scrolling - snap-points

snap-points is a very small jQuery plugin that scroll and snap to the next content section as you scroll through the webpage.

https://www.jqueryscript.net/animation/Tiny-jQuery-Scroll-Snap-Plugin-For-Vertical-Scrolling-snap-points.html

[Demo] [Download]

Lightweight Kinetic/Momentum Scroll Plugin - jQuery Kinetic

Kinetic is a small and configurable jQuery plugin which provides a smooth kinetic/momentum scrolling effect as you move a scrollable element with mouse drag or touch swipe.

https://www.jqueryscript.net/animation/Kinetic-Momentum-Scroll-Plugin-jQuery.html

[Demo] [Download]

Highly Configurable jQuery Smooth Page Scroller Plugin

scroller.js is a simple yet highly customizable jQuery page scroller plugn which enable the anchor links to scroll smoothly through sectioned content within the document.

https://www.jqueryscript.net/animation/Highly-Configurable-jQuery-Smooth-Page-Scroller-Plugin.html

[Demo] [Download]

Tiny Customizable jQuery Smooth Scroll Plugin - smoothScroll.js

Just another jQuery smooth scroll plugin which enables anchor links to scroll smoothly between page sections within the document.

https://www.jqueryscript.net/animation/Tiny-Customizable-jQuery-Smooth-Scroll-Plugin-smoothScroll-js.html

[Demo] [Download]

jQuery Plugin For Configurable Smooth Scroll Experience - smoothScroll

Just another jQuery plugin which provides a smooth scroll experience (with configurable offset, duration and easing effect) to your one page scrolling website.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Configurable-Smooth-Scroll-Experience-smoothScroll.html

[Demo] [Download]

Scroll Page Back To Top With jQuery - toTop.js

jQuery toTop.js is an ultra-light jQuery back to top plugin which enables an element to smooth scroll the page back to the top at a given speed.

https://www.jqueryscript.net/animation/Scroll-Page-To-Top-jQuery-toTop.html

[Demo] [Download]

Customizable Smooth Scroll Plugin with jQuery - smoothScroll

Yet another jQuery smooth scroll plugin which allows the visitor to scroll smoothly between anchor links within the document.

https://www.jqueryscript.net/animation/Customizable-Smooth-Scroll-Plugin-with-jQuery-smoothScroll.html

[Demo] [Download]

Easy jQuery TOC Generator With Smooth Scroll Support - Toc.js

Just another jQuery plugin which makes it easier to create a table of contents for your long documents with support for scrollspy and smooth scroll.

https://www.jqueryscript.net/menu/Easy-jQuery-TOC-Generator-With-Smooth-Scroll-Support-Toc-js.html

[Demo] [Download]

jQuery Plugin For Custom Smooth Page Scrolling Effects - Animate Scroll

Just another jQuery smooth scroll plugin that enables the anchor links to scroll smoothly between specified positions in the webpage.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Custom-Smooth-Page-Scrolling-Effects-Animate-Scroll.html

[Demo] [Download]

Custom Back To Top Link With Callbacks - jQuery quick-up

Yet another jQuery back to top plugin that shows/hides a smooth 'Scroll To Top' link as you scroll down/up the webpage, with callback functions support.

https://www.jqueryscript.net/animation/Back-To-Top-Link-jQuery-quick-up.html

[Demo] [Download]

Anchor Based In-page Scroller Plugin For jQuery - localScroll

localScroll is a jQuery plugin that enables the anchor links to navigate between content sections within the document, with a smooth scrolling effect based on the jquery.scrollTo plugin.

https://www.jqueryscript.net/slider/Anchor-Based-Scroller-Plugin-jQuery-localScroll.html

[Demo] [Download]

  • Publication date: 17.12.2017
  • Source