使用GSAP ScrollTrigger插件检测元素何时在视口中

编程问答 2022-08-14

问题描述

我正在尝试使用GSAP3的“滚动触发器插入”来检测元素何时在视口中。但是，它似乎并不想工作。终端正在报告：

"Invalid property" "scrollTrigger" "set to" Object {
  trigger: ".c"
} "Missing plugin? gsap.registerPlugin()"

我的JS代码如下：

gsap.registerPlugin(ScrollTrigger);
gsap.to(".Box",{
    scrollTrigger: {
        trigger: ".c"
    },x: 400,rotation: 360
});

然后HTML是：

<section>
  EMPTY
</section>

<section>
  <div class="Box c">
    HELLO
  </div>
</section>

我还遇到了一个遇到类似问题的人https://greensock.com/forums/topic/24472-invalid-property-scrolltrigger/，但是，即使尝试使用GreenSock Docs的解决方案，它仍然无法正常工作。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gsapjavascript