ScrollMagic Tween：向前只播放一次动画

【问题标题】：ScrollMagic Tween: play animation only once going forwardScrollMagic Tween：向前只播放一次动画
【发布时间】：2015-08-17 05:02:54
【问题描述】：

我想知道当你向下滚动时动画只播放一次，向上滚动时没有动画。

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

【问题讨论】：

标签： javascript jquery scrollmagic

【解决方案1】：

其实很简单，你把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);

【讨论】：