Gsap ScrollTrigger 动画水平

问题描述

我正在尝试进行水平滚动，而我的项目在移动时缩放到 0.5，但无法在 Foreach 中实现滚动触发器 这是我的代码的代码笔：https://codepen.io/beatlesbob/pen/eYWMrEW

sections.forEach((section,index) => {
    
    let tl = gsap.timeline({
        scrollTrigger: {
            trigger: section,pin: true,// pin the trigger element while active
            start: `top top-=${section.clientHeight*(index)}`,// when the top of the trigger hits the top of the viewport
            end: `+=${section.clientWidth+section.clientWidth*(index)}`,// end after scrolling 500px beyond the start
            scrub:true,toggleClass:'active',pinSpacing:false,}
      });

      tl.to(section,{xPercent: -100 * (sections.length-1)});
});```

Also I cannot put the active class on the current section

解决方法

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

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

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