如何在到达页面中的某个点时为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);
});
});

我不明白作为函数参数传递的（el，i，els）是什么。我将不胜感激任何帮助：）

Answer 1

你正在寻找这个。 Microsoft Office Help Page