Question

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

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

EG。

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

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

Answer 1

您需要将reverse设置为false。默认情况下将其设置为true

反向：false

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);

ScrollMagic setClassToggle Persistance？

2 个答案: