Best jQuery Scrolling Effects Plugins & Tutorials with Demo

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

Block Reveal Effects with CSS & JavaScript

Block Reveal Effects with CSS & JavaScript

Today we’d like to share a couple of ideas for a kind of block reveal effect that has been used in some designs recently. The main idea is to reveal content in a schematic box look. The effect first shows a decorative block element being drawn and when it starts to decrease its size, it uncovers some content underneath.

Reveal : Scroll Reveal Animations jQuery Plugin

Reveal : Scroll Reveal Animations jQuery Plugin

Reveal is a scroll reveal animations framework with unlimited animation possibilities. Reveal animations can be used with any element in your page. Built with the use of jQuery, GSAP and Animus, Reveal is guaranteed to offer an unmatched scroll reveal animation and design experience.



Best jQuery websites design awards