animate element when in scroll view

animateWhenScrollView

var inView = false;

  function isScrolledIntoView(elementID) {
    // This checks if the element is in view
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elementID).offset().top;
    var elementBottom = elemTop + $(elementID).height();

    return ((elemTop <= docViewBottom) && (elementBottom >= docViewTop));
  }

  function animateElement(element, animationClass) {
    // This adds the animated class when the element is in view
    $(window).scroll(function () {
      if (isScrolledIntoView(element)) {
        // if isScrolledIntoView returns true
        // add animation to element
        $(element).addClass('animated ' + animationClass);
        inView = true;
      } else {
        // if isScrolledIntoView returns true
        // remove animation to element
        $(element).removeClass('animated ' + animationClass);
        inView = false;
      }
    });
  }

  animateElement('.heading-first', 'slideInLeft');