Question

我正在使用jQuery动画滚动插件（https://github.com/mpalpha/animate-scroll）在聚焦时为元素设置动画。

这就是我在HTML中使用内联的animate函数的方法。

<article class="article1" data-animate-scroll='{"x": "0","y": "100", "alpha": "0", "duration": "0.7"}'></article>

这就是我调用脚本的方式：

$(document).animateScroll();

动画似乎有效。但是动画存在一些问题。

例如，当滚动小孩的治疗框时，它是空的。然后在滚动的青少年治疗后它也是空的。此外，它应该只在第一次滚动时动画一次。

我该如何解决这个问题。

Answer 1

使用不透明度设置效果：滚动时在元素上设置为0。