ページ内の特定のポイントに到達するときにsvgパスをアニメートする方法はありますか？

Question

私は効果を複製したい：Animating svg pathしかし、私はページの下にsvgのぼかしをしたいと、ユーザーがそのセクションにスクロールするとエフェクトがトリガーされ、任意のリンクをクリックしないでください。スクロールバックすると再び元に戻ります。私はそれがGSAPを使用して行うことができると思うが、今まで私はそれを働かせることができない。そして、また、誰もがして何が起こっているかを説明することができた場合：私が何であるかを理解していない

[].forEach.call(links, function (el, i, els) { 
el.addEventListener("click", function (event) { 
    var animateTo = this.getAttribute("href").substring(1); 

    [].forEach.call(els, function (el) { 
     if (el !== this) { 
      el.classList.remove("active"); 
     } else { 
      this.classList.add("active"); 
     } 
    }, this); 

    event.preventDefault(); 
    this.classList.add("active"); 
    getPaths(animateTo); 
}); 
}); 

（エル、私は、ELS）は、関数のパラメータとして渡されます。私はどんな助けもありがとう：

Answer 1

あなたはこれを探しています。 scrollmagic