Question

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

这就是我如何在我的HTML中使用内嵌的动画函数。

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

这是我如何调用脚本：

$(document).animateScroll();  

动画似乎是工作。但是动画有一些问题。

例如，当对小孩子的处理框被滚动时，它是空的。然后经过青春期治疗后滚动它也是空的。另外它只能在第一次滚动时只动画一次。

我该如何解决这个问题。

Answer 1

该库：不透明度 https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js

套装效果：0力克元素时滚动。