Javascript ScrollMagic Tween:仅向前播放一次动画

Javascript ScrollMagic Tween:仅向前播放一次动画,javascript,jquery,scrollmagic,Javascript,Jquery,Scrollmagic,我想知道,当你向下滚动时,动画如何只向前播放一次,而当你向上滚动时,没有动画 var controller = new ScrollMagic.Controller(); var tween_1 = TweenMax.to('#obj_1', 0.5, { left: '0%', delay: .1 }); var containerScene = new ScrollMagic.Scene({ triggerElement: '#scene_1', offset:

我想知道,当你向下滚动时,动画如何只向前播放一次,而当你向上滚动时,没有动画

var controller = new ScrollMagic.Controller();

var tween_1 = TweenMax.to('#obj_1', 0.5, {
    left: '0%', delay: .1
});

var containerScene = new ScrollMagic.Scene({
    triggerElement: '#scene_1',
    offset: -100
})
.setTween(tween_1)
.addIndicators()
.addTo(controller);

实际上这很简单,您可以将
reverse:false
设置为选项,如下所示:

var controller = new ScrollMagic.Controller();

var tween_1 = TweenMax.to('#obj_1', 0.5, {
     left: '0%', delay: .1
});

var containerScene = new ScrollMagic.Scene({
     triggerElement: '#scene_1',
     offset: -100,
     reverse:false
})
.setTween(tween_1)
.addIndicators()
.addTo(controller);