Get new jQuery plugins just once a week

×

jInvertScroll

September 10, 2013

jInvertScroll -jQuery plugin to create horizontal parallax

jInvertScroll 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.
You can create the desired parallax effect on any element that you want to scroll (You can create normal divs, wich contain other elements, images, videos…).

Example Code

$.jInvertScroll(['.myScrollableElements'], {
width: 'auto', // Page width (auto or int value)
height: 'auto', // Page height (the shorter, the faster the scroll)
onScroll: function(percent) {
// Callback function that will be called each time the user
// scrolls up or down, useful for animating other parts
// on the page depending on how far the user has scrolled down
// values go from 0.0 to 1.0 (with 4 decimals precision)
}
});

Created by pixxelfactory

Download

Example

jInvertScroll jquery plugin

horizontal parallax

jInvertScroll

Related posts:

Smoove
jquery-goup
Alton
jInvertScroll jquery plugin

http://jquer.in/wp-content/uploads/2013/08/jInvertScroll.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever