GSAP и ScrollMagic запускают изменение положения и, таким образом, повторно запускают анимацию (видео) - PullRequest
Новая
       33

GSAP и ScrollMagic запускают изменение положения и, таким образом, повторно запускают анимацию (видео)

0 голосов
/ 20 февраля 2019

Я пытаюсь уменьшить два моих деления, когда человек прокручивает вниз.По какой-то причине, как только мой триггер достигает начальной точки , он срабатывает, и мне приходится снова прокручивать.Если я прокручиваю очень быстро, это решает проблему, но это не тот эффект, которого я хочу достичь.

Ссылка на проблему с видео: 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);
...