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.
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.
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.
scrollorama
The jQuery plugin for supercool scroll animation.
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.
Stellar.js
Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.
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.
scrolldeck
A jQuery plugin for making scrolling presentation decks.
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!