Best jQuery Scrolling Effects Plugins & Tutorials with Demo

Simplr : jQuery Smooth scrolling Plugin

Simplr : jQuery Smooth scrolling Plugin

Simplr is a jQuery smooth scrolling plugin in all browsers.

scrollDetection : jQuery plugin to Detects your Scroll Position

scrollDetection : jQuery plugin to Detects your Scroll Position

scrollDetection is a jQuery plugin to detects your scroll position up or down.

NoobScroll : jQuery plugin for Scrolling Effects

NoobScroll : jQuery plugin for Scrolling Effects

Noob Scroll is a lightweight jQuery Plugin that add some cool function to make scrolling more fun.

jQuery Parallax Background Plugin : Parallax-background.js

jQuery Parallax Background Plugin : Parallax-background.js

Parallax-background.js is a background scrolling effect which is designed for you to create beautiful and smooth parallax websites. Enjoy, it’s so simple!

DoubleScroll : jQuery plugin to Display Additional Scrollbar

DoubleScroll : jQuery plugin to Display Additional Scrollbar

A jQuery plugin that duplicate the bottom scrollbar of an element to its top.

Paroller.js : Parallax Scrolling jQuery Plugin

Paroller.js : Parallax Scrolling jQuery Plugin

A lightweight jQuery plugin that enables parallax scrolling effect.

  • You can use it on elements with background property or on any other element
  • While scrolling elements can move: vertical, horizontal
  • Manipulated through html data-* attributes
  • Mobile ready
  • Easy to use

Floater : jQuery Smooth floater on Scroll

Floater : jQuery Smooth floater on Scroll

Super smooth & easy jquery floater on scroll, based on sticky-kit. Supports 3d transitions if available with fallback to setting element’s top position.

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js is a jQuery plugin for easy implementation of the ‘fixed/reveal’ footer effect.

Progress Nav : CSS Animate Mark on Scroll

Progress Nav : CSS Animate Mark on Scroll

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

Scroll to Style jQuery Plugin

Scroll to Style jQuery Plugin

scrollToStyle is a versatile tool that lets you manage CSS properties of elements using the page scroll.
You will be able to compel the elements move, change their size, color, opacity, background and many other properties.

Features:

  • Management absolutely all the properties of a numeric value
  • Browser Support depends only on selected properties
  • It manages multiple properties of the same element
  • Management fractional property values and control the number of decimal places
  • Fixing of the screen during an animation
  • Animation range control


Best jQuery websites design awards