Best jQuery Scrolling Effects Plugins & Tutorials with Demo

    Crossfade.js : jQuery plugin for Crossfading Images

    Crossfade.js : jQuery plugin for Crossfading Images

    Crossfade.js is a tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.

    Pure JS One Page Scroll

    Pure JS One Page Scroll

    Pure JS One Page Scroll is a javascript version of One Page Scroll. The plugin will let you create an Apple-like one page scroll website (iPhone 5S website) without replying on jQuery.

    Inspiration for Article Intro Effects with CSS3

    Inspiration for Article Intro Effects with CSS3

    Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.

    ScrollStory : jQuery UI widget for building Simple Scroll-based Pages

    ScrollStory : jQuery UI widget for building Simple Scroll-based Pages

    A jQuery UI widget for building simple, scroll-based pages and interactions.

    Key features include:

    • 100% style agnostic. Just a collection of often-used scroll-based patterns.
    • Use existing DOM, or use an array of objects to create markup.
    • 16+ jQueryUI-style events/callbacks for various application state events.
    • Focus and blur event when an individual story becomes active or inactive.
    • Items can be grouped into categories, with event dispatched as categories change.
    • Items filterable by user-specified tags.
    • Items aware of their in-viewport status.
    • Programmatically animated scroll to any item.
    • Throttled scroll events and minimal DOM usage.

    jQuery Push Scroll Menu

    jQuery Push Scroll Menu

    An easy to use push menu that has infinite scrolling with jQuery. Designed to be lightweight and easy to customize.

    ScrollNavi.js : Scroll Navigation jQuery component Plugin

    ScrollNavi.js : Scroll Navigation jQuery component Plugin

    ScrollNaviJs is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.

    jQuery FadeThis : Plugin for fade-as-you-scroll Features

    jQuery FadeThis : Plugin for fade-as-you-scroll Features

    A lightweight jQuery plugin for fade-as-you-scroll features.

    ScrollReveal.js : Declarative on-scroll Reveal Animations

    ScrollReveal.js : Declarative on-scroll Reveal Animations

    A simple way to create and maintain how elements fade in, triggered when they enter the viewport.

    Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

    Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

    Add Overflow Scroll Effect like on iOS/Android but for your website.This jQuery plugin will add a bounce effect whenever you scroll up and reach the top/bottom of the website indicating the beginning/end of the page. With this script, you can customise these animations even further by using several options I had put in place for you to play around with.

    jQuery Tilted Page Scroll Plugin

    jQuery Tilted Page Scroll Plugin

    Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin.With this plugin, you can create a beautiful scrolling effect and turn a simple layout website into something surprising.