滚动时触发数字计数器

Question

我对数字计数器有这个简单的查询，我希望有人可以告诉我如何在滚动时触发它？我喜欢它，当div在浏览器顶部的500px范围内时触发。

另外，有没有办法可以在号码中加逗号？例如＆＃34; 18,000＆＃34;。如果我在其中添加逗号似乎打破了脚本（仍然倾向于jQuery）。

＆＃13;

＆＃13;

$('.counter').each(function() {
  var $this = $(this),
      countTo = $this.attr('data-count');
  $({ countNum: $this.text()}).animate({
    countNum: countTo
  },
  {
    duration: 5000,
    easing:'linear',
    step: function() {
      $this.text(Math.floor(this.countNum));
    },
    complete: function() {
      $this.text(this.countNum);
      //alert('finished');
    }
  });  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="counter" data-count="18000">0</div>

＆＃13;

＆＃13;

＆＃13;