在Scroll上使用Jquery启动一个函数

Question

嘿伙计们我正在制作一个从0开始到某个特定数字的计数器。现在一切都运转得很好。但是当我到达特定的滚动点时，我希望它开始。当我使用我的脚本时它确实有效，但它不会停在最终值，而是继续运行。我正在粘贴我的代码。 请帮助！

以下代码工作正常：

$('.Count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 3000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
			
			}
			
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="counterBox">

<p class="Count">3000</p>

</div>

但是当我做某事时我需要跟随它让我发疯。请检查以下代码。

$(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll < 500) {
        
$('.Count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 3000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
			
			}
			
    });
});
          }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="counterBox">

<p class="Count">3000</p>

</div>