simple parallax scrolling using jquery

parallax.js

//simple version targetting a position: absolute div

$(window).on("scroll",function(){
  $('.target').css({"top" : ( .5 * $(window).scrollTop() ) + 100 })
// the .5 refers to parallax speed (higher is faster)
// the 100 refers to the initial start position offset (higher is further down)
})


// version with additional fading out as you scroll down
$('.target').css({"top" : ( .5 * $(window).scrollTop() ) , "opacity" : ($(window).height() / $(document).scrollTop() ) -.5 })
// the -.5 adjusts the speed of opacity reduction as you scroll down (higher is faster)