Javascript 当用户滚动时，jQuery动画停止

我在我的网站上使用了多个数字元素，它们在点击视口的可见区域后开始计数

在用户手动滚动页面之前，该部分一直工作。如果用户向上或向下滚动，动画将停止一秒钟，并在用户不再滚动时重复。它看起来很笨重

如果我试图在一个小提琴复制问题，相同的代码总是没有“口吃”

jQuery（函数（$）{
$（函数（$，win）{
$.fn.inViewport=函数（cb）{
返回此值。每个函数（i，el）{
函数visPx（）{
var H=$（this）.height（），
r=el.getBoundingClientRect（），
t=r.top，
b=r.底部；
返回cb.call（el，Math.max（0，t>0？H-t:（b0（输入V.port）和
//如果尚未设置prop initNumAnim标志=设置数字动画
if（px>0&！this.initNumAnim）{
this.initNumAnim=true；//将标志设置为true以防止重新运行同一动画
$（this.prop（'Counter'，0）。设置动画({
计数器：$（this.text（））
}, {
持续时间：10000，
步骤：功能（现在）{
$（this.text（Math.ceil（now））；
}
});
}
});
});
html，
身体{
身高：100%；
}
.垫片{
身高：100%；
宽度：100%；
显示：块；
背景：红色；
颜色：白色；
}

向下滚动
1000
1500
向下滚动
2000
2500
向下滚动
3000
3500
正如我所说，它在小提琴中工作。不是在网站上。哼。。。如果小提琴像预期的那样工作，我们怎么知道你在真正的页面上有什么毛病？你制作了多少元素的动画？也许（在你在页面上做的其他繁重的事情中）分配太多的滚动侦听器可能代表性能。杀手……是的，你是对的。很难说。我认为我的代码有问题，或者可能有什么东西可以防止口吃。在这个网站上，每页最多只有5个元素。我建议你探索一下如何使用Chrome的开发者工具性能标签。创建记录并检查哪些进程导致页面速度减慢。如果你从来没有使用过这个Chrome功能，那么在野外会有很多很好的教程。正如我所说的，它可以在小提琴上工作。不是在网站上。哼。。。如果小提琴像预期的那样工作，我们怎么知道你在真正的页面上有什么毛病？你制作了多少元素的动画？也许（在你在页面上做的其他繁重的事情中）分配太多的滚动侦听器可能代表性能。杀手……是的，你是对的。很难说。我认为我的代码有问题，或者可能有什么东西可以防止口吃。在这个网站上，每页最多只有5个元素。我建议你探索一下如何使用Chrome的开发者工具性能标签。创建记录并检查哪些进程导致页面速度减慢。如果你从未使用过这个Chrome功能，那么在野外会有很多很好的教程。