Quick bit for initiating a background image paralax on a large image (hero) that is at the top of your page. (NEEDS WORK)

hero-paralax

# Still working on this.

# the element with the class 'hero-paralax' will be targeted, setting the variable
$hero_paralax = $('.hero-paralax')

# watching for scrolling	
$(@).scroll () =>
  # set scroll top position
  scroll_top = $(@).scrollTop()
  # set new bg position (moves down at half the speed of scrolling
  paralax_hero_bg_position = scroll_top / 2 
  # set the background position
  $hero_paralax.css {'background-position':'0px '+paralax_hero_bg_position+'px'}