反应中 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,});
  });

解决方法

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

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

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