Parallax
Parallax features are controlled by skrollr.js and can be customized in the HTML easily. Parallax can be added to any page by copying the markup from this page, adding it to the div you want to parallax, and changing it to your own (just change content and image bg) The documentation goes into further detail on how to customize the direction of the parallax.
But the great thing is you don't have to edit any javascript or anything like that! Everything is done inside the markup, but heck you just can just use my premade parallaxy below and just adjust the background positions to get the effect you want.
Default Down / Up
style="background-image:url('images/backgrounds/bg1.png');background-color:#000;padding: 150px 0 150px 0;" data-top="background-position: 50% 0px;" data-bottom="background-position: 50% -200px;"
This is just a default Down / Up parallax.
Sideways Left
style="background-image:url('images/backgrounds/bg1.png');background-color:#000;padding: 150px 0 150px 0;" data-top="background-position: 20% 0px;" data-bottom="background-position: 50% -200px;"
This is a sideways left parallax.
Sideways Right
style="background-image:url('images/backgrounds/bg1.png');background-color:#000;padding: 150px 0 150px 0;" data-top="background-position: 80% 0px;" data-bottom="background-position: 50% -200px;"
This is a sideways right parallax.
Up / Down
style="background-image:url('images/backgrounds/bg1.png');background-color:#000;padding: 150px 0 150px 0;" data-top="background-position: 50% -200px;" data-bottom="background-position: 50% 0px;"
This is a up / down parallax.