Best jQuery Scrolling Effects Plugins & Tutorials with Demo

    Intence : A brand new way of Scrolling Indication

    Intence : A brand new way of Scrolling Indication

    Intence is a new UX concept and a JavaScript library which reflects the scrolling state in a simple and intuitive manner. It highlights the scrollable area depending on the scrolling amount, thus efficiently explaining to a user what exactly can be scrolled, and is there much to scroll. Intence is suggested as a scrollbar replacament for a general designation of a scrollable area. The library is written in vanilla JavaScript and has no dependencies.

    Space.js : JavaScript library for narrative 3D-Scrolling

    Space.js : JavaScript library for narrative 3D-Scrolling

    A HTML-driven JavaScript-library for narrative 3D-scrolling.

    PAXMAN.js : Scrolling Engine with Vector Control

    PAXMAN.js : Scrolling Engine with Vector Control

    A Scrolling Engine for making sweet static single paged websites, quickly, and by using HTML markup as config.

    Features:

    • Parallax scrolling for Backgrounds
    • Anchor triggered Class additions/removals
    • SVG Masking
    • Child Vectors

    Scrollissimo : JavaScript Smooth scroll Animations

    Scrollissimo : JavaScript Smooth scroll Animations

    Javascript plugin for smooth scroll-controlled animations. Scrollissimo animates Greensock’s tweens and timelines on user’s scroll.

    jQuery Scrolling Stops Event Plugin

    jQuery Scrolling Stops Event Plugin

    A jQuery plugin that fires events when scrolling stops and starts.

    CSS Scroll Snap Galleries

    CSS Scroll Snap Galleries

    Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior.Can you imagine how easy would be creating such effects using CSS only?

    Enllax.js : jQuery Parallax Scrolling Effect

    Enllax.js : jQuery Parallax Scrolling Effect

    Enllax is an ultra-lightweight and super easy to use plugin for parallax scrolling effect.If you want your elements to scroll at a different speed, or you can say scroll with parallax effect, then this plugin made this super easy. All you have to do is to use data attributes on elements, where you want to add parallax scrolling effect.

    Fade into view jQuery component

    Fade into view jQuery component

    Fade into view prototype for Volkswagen to make elements fade in and out of view when they enter/exit the window.

    StickyStack.js : jQuery Stacking Effect Plugin

    StickyStack.js : jQuery Stacking Effect Plugin

    A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

    ScrollIt.js : Pure JavaScript Library For One Page Scrolling

    ScrollIt.js : Pure JavaScript Library For One Page Scrolling

    Pure JavaScript library for one page scrolling website.Create easy and fast way their Single Page applications. Easy, no hassle, no need jQuery or any other framework.