8+ jQuery Scrolling Effect Plugins

In this post we have collected 8 jQuery Scrolling Effect Plugins that will help you create awesome scroll effect to your site. Enjoy !

Imagine

Imagine by pixevil is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience. Imagine is amazing because of how simple its syntax is for creating custom animations. You don’t need to learn complicated JavaScript to create beautiful custom scroll progress based animations for any element of your page. You can write your own animations on the fly.

Imagine

stroll.js

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.

jqsceft-1

Lateral On-Scroll Sliding with jQuery

You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document.

jqsceft-3

scrollorama

The jQuery plugin for supercool scroll animation.

jqsceft-4

jQuery Scroll Path

jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initializing the plugin.

jqsceft-5

Stellar.js

Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

jqsceft-2

skrollr

Actually, 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.

jqsceft-6

scrolldeck

A jQuery plugin for making scrolling presentation decks.

jqsceft-7

Layers 3D

Layers 3D is a powerful jQuery plugin which you can use for creating ‘Parallax’ or ‘Out of the Image’ effects on your site. With ‘fullsize’ mode you can create even a whole parallax effect website!

jqsceft-8

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.