Parallax is a difference in the in the apparent position of an object viewed along different lines of sight. The term derives from the Greek word parallaxis, meaning alteration. In web design, the parallax effect is a relatively new trend. The effect itself has been around for a while, but lately is becoming more used and talked about.

The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. This effect certainly makes scrolling around websites an interesting experience.

Here we have collected some of the 7 jQuery Parallax and Scrolling Effect Plugins.

jQuery Scroll Path

It’s a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.It comes with a custom scrollbar.t also does rotations in supported browsers.

Static Background

This scrolldeck.js demo page is built from the jQuery Parallax plugin demo. Example showing on below is called Static Background. This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled.

Curtain.js

This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises. To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! You can easily add a fixed element or multiple “steps” element into a pannel.

Stellar.js

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

scrolldeck

A jQuery plugin for making scrolling presentation decks. You can use left/right arrow to Change Slides.

Scrollorama

The jQuery plugin for doing cool scrolly stuff, it is really amazing jquery plugin. You can use transitions effect like pin it, fade in, fly in, rotate in and zoom in. You can make an experimental, just-for-fun sort of project.

Parallax Slider with jQuery

We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it’s in motion