如何将多个setClassToggle设置到同一触发器ScrollMagic

Question

我正在使用ScrollMagic库开发一个项目。

如何在同一触发场景中设置多个setClassToggle？

我的代码：

 // move tree 1 to the left
var Waldscene01 = new ScrollMagic.Scene ({
    triggerElement: '.scene01-wald',
    triggerHook: 0,
    offset: 600,
    duration: 1000
})
.setClassToggle('.scene01-baum1', 'translateX')  
.addTo(controller); 



// move tree 2 to the right
var Waldscene02 = new ScrollMagic.Scene ({
    triggerElement: '.scene01-wald',
    triggerHook: 0,
    offset: 400,
    duration: 1000
})
.setClassToggle('.scene01-baum2', 'translateX')
.addTo(controller); 

如何合并此代码？

我试图这样做，但是没有用。然后，只有一个.setClassToggle工作：

 var Waldscene01 = new ScrollMagic.Scene ({
    triggerElement: '.scene01-wald',
    triggerHook: 0,
    offset: 400,
    duration: 1000
})
.setClassToggle('.scene01-baum1', 'translateX')
.setClassToggle('.scene01-baum2', 'translateX')

.addTo(controller); 

有人可以帮我吗？

Answer 1

您可以使用逗号来传递多个选择器，如下所示：

 var Waldscene01 = new ScrollMagic.Scene ({
    triggerElement: '.scene01-wald',
    triggerHook: 0,
    offset: 400,
    duration: 1000
})
.setClassToggle('.scene01-baum1, .scene01-baum2', 'translateX')
.addTo(controller);