Javascript 图表动画以滚动方式开始

我正在寻找一种仅在scroll上启动圆环图动画的方法，因为在其当前状态下，每当加载页面时，图表动画都会启动，如果该部分位于其他部分的下方，我就看不到动画的出现

该图表由以下内容组成：

守则：

看看

基本上我写了一个If语句

 $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {

---

当您滚动特定数量的像素（在本例中为500）时，会触发该事件。当发生这种情况时，您的图表将开始加载并获得所需的效果。如果不留下评论，希望如此：）

谢谢你的回答。您提供的解决方案几乎可以满足我的要求，但问题是，实际模板中的图表部分是从顶部算起的第四个部分，另一个问题是，例如，如果您向下滚动到图表部分，然后在那里重新加载页面，页面将打开，图表部分是您看到的第一个部分，如果你不滚动一点，动画就不会出现。也许你应该从头开始写？我是说我们怎么知道？我写的解决方案正是你在问题中要求的。增加scrollValue，使其与您的站点和重新加载问题相匹配：当此站点应该代表您的技能时，您应该面对问题并自行解决。我可以肯定地找到一些东西，但也许你应该想办法；-）如果你真的想不出一个解决方案，回到这里，我会为你写一个：）@KestVir@KestVir结果怎么样？你达到目标了吗？不要让答案一直这样。

 $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {