Best jQuery Scrolling Effects Plugins & Tutorials with Demo

    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.

    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