我想知道如何让动画在向下滚动时只播放一次,而在向上滚动时则没有动画。
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);
关于javascript - ScrollMagic 补间 : play animation only once going forward,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32043089/