ShowIt.js

ShowIt is a simple paralax show plugin that detects when you want to show your elements.

Usage

Just include it along with jQuery and you are ready to go! To trigger the effect simply to this:

var myElem = new ShowIt('.my-element', 100, '.active');

The first argument is a css/jQuery selector of your element, second argument is offset from bottom to show the element later then when it touches bottom of the view and the third one is a class that will be added to your element once it is visible on the screen (that means you have to write the animation and other stuff yourself!).

Then you have to bind it to scroll event so:

$(window).on('scroll', function(){
    myElem.isInView();
})

And BAM! when your element is in the view it recieves a new class! Isn`t that awesome?