Scrolling is a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting. A beautiful scroll effect not only grabs user attention but makes your website beautiful and visual stunning.
We can create myriad of scrolling effects like full stories that move horizontally or vertically across a screen, create effects that make it seem like bubbles and other shapes are taking over screens; we can create backgrounds that seem to have depth of field and many more.
For this article we have showcased a list of 25 jQuery Scroll Plugins that will help you to create beautiful scroll effects and take your websites a level ahead from your competitors.
Let us know which one is your favourite jQuery Scrolling Plugins and why by posting a comment below.
1. DD Scroll Boxes
3. Changing Background Color While Scrolling
A simple jQuery plugin for changing background color while scrolling.
4. jQuery Web Ticker
This is a jQuery News Ticker plugin that allows you to have items scrolling indefinitely across the screen. It uses some fancy calculations to ensure smooth continuous transitions.
RollBar plugin was created with idea to replace standard browser scrollbars and make them customizable to fit perfectly in almost any site design.
This plugin can be used not only as replacement of native browser scrollbars, but even to create slideshows with external controls. Among other features RollBar can auto adjust to window size, recognize touch events on Android and iOS devices and respond to custom jQuery events to scroll content.
This plugin helps you create amazing one-page scrolling application with minimal effort. ViewScroller.js works on all modern browsers (and some old ones for example IE 8-9) on any device like mobile phones, tablets and desktop computers.
It uses CSS3 transitions and jQuery animations depend on browser abilities. It’s important because some old browsers like IE8 have no CSS3 support. ViewScroller.js has been tested also on Browserstack.
7. jQuery Scroll Indicator Bullets
A JQuery plugin to create a scroll indicator bullet navigation on the right side of the screen. The plugin creates bullets for all matching DOM elements that contain an ID. The order of the bullet points reflects the order of the elements in the DOM. Therefore the plugin works best with a set of vertically stacked divs.
8. Scroll Top Advanced
This plugin allows you to fixed/fluid grids or navigate to custom “ID” or “class” with 35+ CSS3 animations. It is purely based on CSS3 and Font Awesome Icons. It’s tested with all modern browsers and works perfectly with almost every theme.
9. Section Scroll
10. Floating Scroll
The general purpose of the plugin is to provide some lengthy containers on the page with a separate horizontal scroll bar, which does not vanish from sight when the entire page is scrolled. So, the user will always be able to scroll the container even if its own scroll bar is hidden from view.
Moreover, the plugin displays such an additional floating scroll bar only in case of actual need, i.e. the floatingScroll does not result in unnecessary scroll bar duplication. So, one uses the floating scroll bar only if the “native” one is out of sight.
14. Horizon Swiper
TotalScroll plugin was created for multicolumn websites and with it you can adjust your menu column or sidebar’s scrolling speed. Column scroll speed is set as a value between 0-1, where 1 corresponds to default browser scrolling speed. Also TotalScroll can control amount of offset for every column and prevent it from being scrolled too much.
Among other with TotalScroll you can make any column sticky simply by assigning a “ts-sticky” class; use its build-in “Reveal on Scroll” feature to add CSS3 animations to the content as you scroll down the page. Also plugin is fully responsive and works with most fixed/fluid grids.
18. jQuery Limarquee
19. Smart Scroll
20. Fancy Scroll
21. jQuery SmartScroll Plugin
This plugin is thought for one page website. When enabled it adds a smooth smart scroll navigation to a single page site. Navigation arrows to scroll to previous and next section, and the scroll to top button are enable by default too.
22. Endless River
25. Scroll to Top Bottom Control
Scroll to Top – Bottom Control a simple plugin for jQuery which allows you to create scroll to top button for your webpages. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly. Bottom Control is compatible with all modern web browsers and jQuery versions 1.7-1.9.x.