Javascript 在一个场景中使用ScrollMagic触发多个元素

我正在使用ScrollMagic在一个元素进入屏幕后立即淡入，这非常有效，但只对第一个元素有效，但其余元素不会被触发。我希望每个元素都被触发，只需使用一个场景即可

const controller=新的ScrollMagic.controller； var scenefadein=new ScrollMagic.Scene{ 触发元素：。淡入， 触发钩：1， 偏移量：0， 相反：正确 } .setClassToggle.fade-in，可见 .添加到控制器； .间距{ 填充顶部：100px； 填充底部：100px； 边框底部：1px实心ECECE； }

---

我使用TweenMax和jQuery找到了一个解决方案

var controller=新的ScrollMagic.controller； //循环遍历所有元素 $'.fade-in'.eachfunction{ //建立一个二人组 var tween=TweenMax。从$this开始，0.7，{autoAlpha:0，y:'+=200'，x:'0'，ease:Linear.easeNone}； //造景 var scene=new ScrollMagic.scene{ 触发元素：这个， 触发钩：0.7， 偏移量：0， 相反：正确 } .Settweenween .添加到控制器； }; .间距{ 填充顶部：100px； 填充底部：100px； 边框底部：1px实心ECECE； }