Best jQuery Scrolling Effects Plugins & Tutorials with Demo

jQuery Header Scroll Effect Plugin

jQuery Header Scroll Effect Plugin

The scroll effect header is a kind of parallax whose difference lies in the change, if parallax usually occurs because of the movement of two objects, while this is changing and moving. Obviously if the scroll header will change blur, sepia or other effects follow movement scroll.

Features

  • Valid All HTML5
  • Valid CSS
  • Responsive
  • All Filter Scroll Effect
  • Bonus Effect Margin and Border Radius

parallaxContent : jQuery Parallax Content Plugin

parallaxContent : jQuery Parallax Content Plugin

ParallaxContent is a jQuery parallax content plugin based on GSAP .

jQuery Custom Scroller Plugin

jQuery Custom Scroller Plugin

The idea is to demonstrate how easily a Custom jQuery Scroller can be built.

Motus : Scrolling Animation Library

Motus : Scrolling Animation Library

Motus is a animation library that mimics CSS keyframes when scrolling.

Parallax Color Bars with JavaScript

Parallax Color Bars with JavaScript

Amazing animated color bars parallax effect on black & white image while page scrolling.In parallaxColorBars you can now add settings using the data-parallax-color-bar attribute. You still need to call $(element).parallaxColorBars() to initialize parallaxColorBars on the element.

Motion CSS : A library of CSS3 Animation

Motion CSS : A library of CSS3 Animation

Motion CSS is a library of animation for your web projects. It works very simply. All you need to do is connect the css file and use a specific class to an element that should be animated.

Delighters : CSS Animations on Page Scroll

Delighters : CSS Animations on Page Scroll

Delighters is add CSS animations to delight users as they scroll down.

Features:

  • Declarative
  • Flexible
  • Light footprint
  • Framework-agnostic
  • Supports desktop, mobile & tablets
  • Degrades gracefully to your default styling

basicScroll : Standalone Parallax Scrolling Effect

basicScroll : Standalone Parallax Scrolling Effect

Standalone parallax scrolling for mobile and desktop with CSS variables.

basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.

Emergence.js : Detect Element Visibility in the Browser

Emergence.js : Detect Element Visibility in the Browser

Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it’s animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity. Emergence.js is one of the lightest and most compatible plugins of its kind.

Anscroll.js : Android Scroll Effect in jQuery

Anscroll.js : Android Scroll Effect in jQuery

Anscroll.js is a simple jquery program for creating the android scroll to bottom effect for the web. It is completely free and open source.