Best jQuery Scrolling Effects Plugins & Tutorials with Demo

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.

In-View.js : JavaScript Viewport Event Library

In-View.js : JavaScript Viewport Event Library

Library that tracks elements on the page and reacts when they are about to leave or enter the viewport. The library has no external dependencies and is really easy to use with a simple callback syntax.

jQuery Do-Scroll : Scroll-y like Action

jQuery Do-Scroll : Scroll-y like Action

jQuery do-scroll is a plugin to creates an scroll-y like action.

Scrolla : jQuery plugin for Reveal Animations when Scrolling

Scrolla : jQuery plugin for Reveal Animations when Scrolling

Scrolla is a jQuery plugin for reveal animations when scrolling.



Best jQuery websites design awards