🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Yet another jQuery plugin adds Spotify inspired parallax (background) scrolling effect to your website.

parallax scrolling

Documentation

Parallax scrolling

A jQuery plugin that adds parallax background scrolling to your website. The technique to achive the highest performance is inspired from the Spotify website, where elements get copied and fixed in the document. Thanks to this technique you won't have flickering images when you scroll.

Installation

Include jQuery en the jquery.parallaxscrolling.js script in your <head> and call the plugin when the document is ready.

<head>     <script src="http://code.jquery.com/jquery.js"></script>     <script src="jquery.parallaxscrolling.js"></script>      <script>         $(document).ready(function(){             $.parallax();         });     </script> </head> 

Options

The currently available options are:

$.parallax({     photowrap: ".scrollholder", // The class of the elements that contain the image     speed: .75 // The speed of the parallax effect. This has to be a number from 0 to 1. }); 

Browser compatibility

The plugin has been tested in Chrome, Firefox and Internet Explorer 8+.

Demo

Click here for a demo if this plugin


You May Also Like