/ Parallax

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect

jInvertScroll

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.

What is it? It's a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down.

It's extremely easy to setup and requires nearly no configuration.

Quickstart

1.) Include the css file, jQuery and the Plugin

2.) Create the desired elements that you want to scroll (You can create normal divs, wich contain other elements, images, videos...)

3.) Assign them the class "scroll" if you want to like the styles from the css-file, otherwise give them the following attributes:

```position: fixed;	// All scrollable elements have to be position:fixed

bottom: 0;	// Make it stick to the bottom (or top)

width: xxxxpx;	// I recommend to assign the width in px, prevents preloading issues```

4.) Order the layers via z-index (Note that it is recommended that the front layers are wider than the ones in the back)

5.) In your javascript, use this code (the selectors refer to the elements that you desire to be scrolled):

```$.jInvertScroll(['yourselector1', 'yourselector2'...]);```

Author

pixxelfactory

GitHub