Javascript 当元素垂直居中时，滚动添加内联CSS

我有一个带有CSS动画元素的SVG。使用动画播放状态，我将它们保持在暂停状态，使用jQuery或JavaScript，我希望将其更改为仅在SVG垂直居中于scroll上时才运行

---

我的想法是抓取class.paused，这使它们都暂停，并用前面提到的内联CSS覆盖它。

您可以通过添加两个不同的CSS类来实现您的需求

.classA_animate{
   animation: animation_1 2s linear infinite;
}

到达滚动位置后，删除classA\u动画并添加classB\u动画

.classB_animate{
   animation: animation_2 2s linear infinite;
}

---

你试过什么吗？发布一些代码。。