title: Animation not working when I scroll down
body: <p>I am using <code>animate.css</code> and trying to apply animation classes to different sections in a page. The animations are working but not when I scroll to that particular section. So now if I want to see a particular section animation then I will have to refresh. So I want to know how can I achieve the animation on the scroll. </p>
  
  <p>See full code here <a href="http://codepen.io/anon/pen/rxoaWP" rel="nofollow">http://codepen.io/anon/pen/rxoaWP</a></p>
  
  <p>Below is the Javascript am using to achieve it. Not sure where am I going wrong. Thanks in advance.</p>
  
  <pre><code>$(document).ready(function(){
      $(window).scroll(function(event)) {
          var y = $.(this).scrollTop();
          if (y &gt;= 300) {
              $('#about').addClass('animated shake');
          }
      });
  });
  
  $(document).ready(function(){
      $(window).scroll(function(event)) {
          var y = $.(this).scrollTop();
          if (y &gt;= 600) {
              $('#about').addClass('animated shake');
          }
      });
  });
  </code></pre>