What is parallax.js?
Parallax.js is a robust little parallax engine, giving you a quick, simple api to get going with all your parallax needs. Forget scrolling though, parallax.js utilizes your devices orientation and will fall back to cursor positions if no motion detection is available… this really gives you that sexy responsive feel.
It is new to web design technology, the parallax effect involves moving background and foreground images at varying speeds to create the illusion of 3D depth (of course, nothing shy of a third dimension would make a web user pay attention these days). Brands like Nike, Oakley (pictured above), and numerous others are already capitalizing on parallax scrolling sites by providing their users with more rewarding, more memorable web experience.
Benefits
1)Show your product in 3D
2)Demonstrate the benefits
3)Storytelling
4)Engagement
5)Surprise your visitors
6)Action trigger
7)Guide your visitors’ line of sight
8)Make your background fun
Video Tutorial for Parallax.js