首页 > 解决方案 > scrollMagic - 添加一个产生动画的类

问题描述

我有一个向元素添加类(在本例中称为“.new-class”)的脚本。现在我正在寻找在使用 scrollMagic 的帮助下添加所述类时触发动画。

// scrollMagic Scene

    var controller = new ScrollMagic.Controller({duration: 40000000});

$(".new-class").each(function(){

    var picOverlay = $(this).find(".overlay");

var animateIn = new TimelineMax();

animateIn
.fromTo(picOverlay, 2, {skewX:3, scale:3}, {skewX:0, xPercent:100, transformOrigin: "0% 100%", ease: Power4.easeOut},"-=1")


// Make a scrollMagic Scene

var scene = new ScrollMagic.Scene({
    triggerElement: this,
})

.setTween(animateIn).addTo(controller);

});

即使添加了“.new-class”,也没有任何反应。如果添加了“.new-class”然后执行上面的代码,我该如何去听?任何答案都非常感谢。

标签: javascriptjqueryscrollmagic

解决方案


推荐阅读