反应中 gsap 的不透明度动画无法按预期工作

如何解决反应中 gsap 的不透明度动画无法按预期工作

我正在尝试使用 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,});
  });