title: animation on scroll function not working
body: <p>I have a bunch of animations on the website, most of them activate on scroll into view, but somehow they wont work (and they used to), they activate when I refresh the page but not on scroll, here's a piece of the animations file, all the animations are pretty much the same only that targeted to different elements:</p>
  
  <pre><code>$(window).on('scroll', function (e) {
     var top = $(window).scrollTop() + $(window).height(),
         isVisible = top &gt; $('.arqdiv h6').offset().top;
     $('.arqdiv h6').toggleClass('animated fadeInDown', isVisible);
  });
  
  $(window).on('scroll', function (e) {
     var top = $(window).scrollTop() + $(window).height(),
         isVisible = top &gt; $('.arqdiv p').offset().top;
      $('.arqdiv p').toggleClass('animated fadeInDown', isVisible);
  });
  
  
  
  
  $(window).on('scroll', function (e) {
      e.preventDefault();
     var top = $(window).scrollTop() + $(window).height(),
         isVisible = top &gt; $('.staff').offset().top;
       $('.staff').toggleClass('animated fadeIn', isVisible);
  });
  </code></pre>
  
  <p>in case the html or other files are needed to be seen this is the website im building <a href="http://www.inmobiliariagavilan.com" rel="nofollow noreferrer">http://www.inmobiliariagavilan.com</a></p>
  
  <p>thanks!</p>