Javascript 如何在到达页面中的特定点时设置svg路径的动画?

Javascript 如何在到达页面中的特定点时设置svg路径的动画?,javascript,html,css,svg,gsap,Javascript,Html,Css,Svg,Gsap,我想在中复制效果:但我想让svg在页面中进一步向下移动,当用户滚动到该部分时,效果将被触发,而不是单击任何链接。在向上滚动时,它将再次变形。我认为可以使用GSAP来完成,但到目前为止,我还不能让它工作。如果有人能解释一下发生了什么: [].forEach.call(links, function (el, i, els) { el.addEventListener("click", function (event) { var animateTo = this.getAttribute(

我想在中复制效果:但我想让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);
});
});

我不明白作为函数参数传递的(el,I,els)是什么。如果有任何帮助,我将不胜感激:)

您正在寻找这个