title: Jquery/Javascript Opacity animation with scroll
body: <p>I'm looking to change the opacity on an object (and have the transition be animated) based on a users scroll.
  example(http://davegamache.com/)</p>
  
  <p>I've searched everywhere
  like here, but it ends up pointing me to the waypoints plugin (http://stackoverflow.com/questions/6316757/opacity-based-on-scroll-position)</p>
  
  <p>I've implemented the [waypoints][1] plugin and have the object fading once it's higher than 100px. [Using the offet attribute] but would like to basically control the opacity of an object and have the animation be visible like the above example.</p>
  
  <p>I've searched all over- this is my last resort.
  Any help is greatly appreciated.</p>