ScrollMagic setClassToggle Persistance？

Question

我正在使用ScrollMagic中的setClassToggle（）方法。这个想法是当你向下滚动传递一个触发器时，你可以向一个元素添加一个css类。如果向上滚动传递一个触发器，它将从元素中删除该类。如文档中所述：

http://scrollmagic.io/docs/ScrollMagic.Scene.html#setClassToggle

例如。

scene.setClassToggle("#my-elem", "myclass");

但是，当您向上滚动传递触发器时，我不希望删除该类。我只想在向下滚动传递触发器后添加类和PERSIST。如何让Scroll Magic以这种方式表现？它甚至可能吗？

Answer 1

您需要将reverse设置为false。它默认设置为true

反向：错误

http://scrollmagic.io/docs/ScrollMagic.Scene.html#reverse

Answer 2

scene end event似乎有这种效果。以下代码段添加了一个类名，无论是在场景最初完成后向上还是向下滚动，都会持续存在。 （这个例子使用jQuery轻松添加一个类。）

var myScene = new ScrollMagic.Scene({
        ...
    })
    .on('end', function(event) {
        $('body').addClass('my-class');
    })
    .addTo(controller);