GSAP和ScrollMagic触发更改位置并因此重新触发动画（视频）

Question

此人向下滚动时，我正在尝试缩小我的两个div。由于某种原因，一旦我的触发器触到起点，它就会上升，我必须再次滚动。 如果我快速滚动，它可以解决问题，但这不是我想要达到的效果。

链接到视频问题： https://www.youtube.com/watch?v=NeemMyN9CTA&feature=youtu.be

我的代码：

// tlfirst = first Timeline
var tlfirst = new TimelineMax();
tlfirst
.set('.experienceInfo',{scale:3})
.set('.skillsInfo',{scale:3},"+=10")

.from('.experienceInfo',10,{autoAlpha : 0,scale:3})
.from('.skillsInfo',10,{autoAlpha : 0,scale:3},"-=10")

.to('.experienceInfo',10,{autoAlpha: 1,scale:1})
.to('.skillsInfo',10,{autoAlpha: 1,scale:1},"+=10");

var controller = new ScrollMagic.Controller();

var scene1 = new ScrollMagic.Scene({
    triggerElement : '.skillsSection',
    // triggerHook: 0 ,
    duration : "30%",

})
.setTween(tlfirst)
.addIndicators()
.addTo(controller);