Best jQuery Scrolling Effects Plugins & Tutorials with Demo

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.

T-Scroll : JavaScript library to Animate Elements on Scroll

T-Scroll : JavaScript library to Animate Elements on Scroll

T-Scroll is a JavaScript library for applying animation when an element is visible in the viewport. It is equipped with a handful of options and preset animations.

scrollToClip :jQuery Plugin to Clip two Elements on Scroll

scrollToClip :jQuery Plugin to Clip two Elements on Scroll

scrollToClip is a function to clip two elements on scroll to give a reveal effect.

ScrollCallback : jQuery Scrolling Watch Event Plugin

ScrollCallback : jQuery Scrolling Watch Event Plugin

ScrollCallback is easy way to watch specific DOM-elements scrolling into and out of view and fires a callback for them.

ScrollPress : jQuery plugin to make a Smooth Animation on Scroll Top

ScrollPress : jQuery plugin to make a Smooth Animation on Scroll Top

ScrollPress is a jQuery plugin to make a Smooth Animation on Scroll Top.

Features:

  • Animate scroll top
  • Animate DOM elements scroll top
  • JQuery UI easing functions
  • Back to top button
  • Fade in button with animation
  • Animation when click on button
  • Animate self link ( href + ID )
  • Scroll between elements with custom ease and duration

AOS : Animate on Scroll JavaScript Library

AOS : Animate on Scroll JavaScript Library

Aos is a small library to animate elements on your page as you scroll.

AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it’s previous state and are ready to animate again if you scroll down.

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.