Simple Parallax Effect

simple-parallax.js

// Is it a touch device? (requires Modernizr)
var isTouch = (Modernizr.touch) ? true : false;

// Background image parallax.
var parallax = function($b) {
  if (!isTouch) {
    var scrolled = $(window).scrollTop();
    $b.css('background-position', 'center ' + -(scrolled * 0.5) + 'px');
  }
}

$(window).scroll(function() {
  // Init parallax on element with background image when scrolling.
  parallax($('.hero__image'));
});