javascript - 反应中带有 gsap 的不透明动画未按预期工作

Question

我正在尝试使用 ScrollTrigger 做一个简单的 onScroll 动画，但它让我发疯了 4 小时。

其中一个按预期工作并淡化内容，另一个只是在触发时将元素不透明度设置为 0。

然后，当我向后滚动时，它开始从 0 不透明度设置为 1 的动画，但是当我向下滚动时，它只是将不透明度直接设置为 0，不会褪色。

我疯了，有什么建议吗？

感谢任何人的阅读

useEffect(() => {
      gsap.to(codeRef.current, {
        scrollTrigger: {
        trigger: h2Ref.current,
        start: "top 30%",
        end: "bottom 30%",
        scrub: true,
      },
      opacity: 0,
    });
    gsap.to(contRef.current, {
      scrollTrigger: {
        trigger: contRef.current,
        start: "top 30%",
        end: "bottom 30%",
        scrub: true,
      },
      opacity: 0,
    });
  });