title: jquery number counter animation triggered by scroll value
body: <p>So im trying to make a counter that is triggered by a certain scroll value,
  in other words, i want the users to see animated numbers going from 0 to a specified number once they reach a certain scroll value </p>
  
  <p>and this is what i go so far:</p>
  
  <pre><code>$(document).scroll(function(){
  
      var _scrollTop = $(document).scrollTop();
  
      if(_scrollTop &gt;= 1490){
          $('.Count').each(function () {
              var $this = $(this);
                  jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
                      duration: 3000,
                      easing: 'swing',
                      step: function () {
                          $this.text(Math.ceil(this.Counter)).stop();
                      }
                  });
          }); 
      }
  }); 
  </code></pre>
  
  <p>But the numbers keep refreshing every time i scroll above that value,
  I wanted it to animate it once when the user scrolls above that value and then remain on the specified value on the html
  Thank you very much for your help</p>
  
  <p><a href="http://jsfiddle.net/V4TLr/1/" rel="nofollow">Full site Fiddle</a></p>