如何将多个setClassToggle（具有多个类）设置为相同的触发器ScrollMagic

Question

我有这段代码：

// init
        var ctrl = new ScrollMagic.Controller();

        var videoArea;
        // return cached value
        function getVideoArea () {
            return videoArea;
        }
        // update value
        function updateVideoArea () {
            videoArea = $(window).height() + $("#start-anim2").height();
        }
        // update on resize
        $(window).on("resize", updateVideoArea);
        // set initial value
        updateVideoArea();

        // create scene
        var scene = new ScrollMagic.Scene({
            triggerElement: "#start-anim2",
            triggerHook: "onEnter",
            duration: getVideoArea
        })
        .on("enter", function(e) {
            console.log("start");
        })
        .on("leave", function(e) {
            console.log("stop");
        })
        .setClassToggle(".img-app-three:nth-child(2)", "active").addTo(ctrl);
        .setClassToggle(".img-app-three:nth-child(3)", "active").addTo(ctrl);
        .setClassToggle(".img-app-three:nth-child(4)", "active").addTo(ctrl);

我想添加

.setClassToggle(".img-app-three:nth-child(3)", "active").addTo(ctrl);
.setClassToggle(".img-app-three:nth-child(4)", "active").addTo(ctrl);

与前面显示的代码相同，因为我想在不同的类上使用相同的触发器，但需要多个“setClassToggle”。

我怎么做？

谢谢大家。

Answer 1

你试过吗

.setClassToggle(".img-app-three:nth-child(3), .img-app-three:nth-child(4)", "active").addTo(ctrl);

而不是一遍又一遍地调用相同的方法。