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();  

アニメーションが動作しているようです。しかし、アニメーションにはいくつか問題があります。

例えば、若い子供のための治療がスクロールされると、それは空です。スクロールの若者の治療の後、それも空です。また、最初のスクロール時に1回だけアニメーションする必要があります。

どうすればこの問題を解決できますか。

Answer 1

このライブラリ：不透明度 https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js

セット効果：0要素を超えるときに、スクロール。