Best jQuery Scrolling Effects Plugins & Tutorials with Demo

    windows : jQuery plugin for full-screen scrolling

    windows : jQuery plugin for full-screen scrolling

    A handy, loosely-coupled jQuery plugin for full-screen scrolling windows.The plugin simply opens up a handy API for position management, provides callbacks, and will allow for window snapping. No CSS is applied to the callee.

    scrollNav : jQuery plugin for building a scrolling Side Nav

    scrollNav : jQuery plugin for building a scrolling Side Nav

    A jQuery plugin for building a scrolling side nav.ScrollNav is a light jQuery plugin that grabs your page’s existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation. Scroll this page and watch it follow along w/ you.

    jQuery Scroll Content Presenter with CSS3

    jQuery Scroll Content Presenter with CSS3

    It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the navigation menu for you based on the structure of your HTML.

    Features:

    • Vertical and horizontal navigation
    • Custmom scroll
    • Parallax animation
    • CSS3 transitions
    • Built using bootstrap
    • Generate navigation menu for you

    Create a Cool Website with Fancy Scrolling Effects in jQuery

    Create a Cool Website with Fancy Scrolling Effects in jQuery

    In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects.This tutorial will be a walkthrough of my design process for a simple portal site that presents all of my websites and social profiles. Each website has its own individual section in a series of ‘slides’ laid out vertically. With the help of some cool jQuery plugins clever scrolling and parallax illusions are added to inject an element of fun and novelty to the site.

    Merry Scrolling with skrollr.js

    Merry Scrolling with skrollr.js

    A step-by-step tutorial on how to create a beautifully looking Christmassy scrolling effect by Paulina Hetman from Pepsized.skrollr is much more than “just” parallax scrolling. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But I wanted to sound hip and use some buzz-words. By the way, skrollr leverages HTML5 and CSS3.

    skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position. All you need to do is define key frames for each element at certain points in top scroll offset.

    ZyngaScroller : jQuery plugin for fast, collaborative kinetic scrolling

    ZyngaScroller : jQuery plugin for fast, collaborative kinetic scrolling

    jQuery.zyngaScroller.js is a jQuery plugin that wraps the excellent Zynga Scroller as a simple jQuery plugin with a couple new additions: (1) Real-time collaboration is now possible by leveraging the SignalR hook baked into the jQuery.signalRamp.js plugin, and (2) the version of EasyScroller.js that this project uses is different than the original Zynga Scroller with collaboration hooks and support for IE8 and above.

    Stroll.js : CSS3 scroll effects with JavaScript

    Stroll.js : CSS3 scroll effects with JavaScript

    A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

    FoldScroll : Experimental CSS 3D scroll behavior jQuery plugin

    FoldScroll : Experimental CSS 3D scroll behavior jQuery plugin

    An experimental CSS 3D scroll behavior jQuery plugin.

    Pull Off Awesome Scroll Effects With Stroll.js

    Pull Off Awesome Scroll Effects With Stroll.js

    Stroll.js is a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of JavaScript, the rest is all handled with HTML and CSS. Keep reading and I’ll show you how it works.

    Stroll.js is a neat little JavaScript library that brings a bunch of eye-catching animations to the scroll action on list items. The idea is that you have a group of items in a scrollable list and you use Stroll.js to make browsing that list more interesting.

    SuperScrollorama : jQuery Supercool scroll animation

    SuperScrollorama : jQuery Supercool scroll animation

    Scrollorama jQuery plugin for doing cool scrolly stuff like transitions,fade in, rotate in, fly in, zoom in, parallax.