Как сделать часть временной шкалы GSAP не связанной с ScrollMagic? - PullRequest
Новая
       34

Как сделать часть временной шкалы GSAP не связанной с ScrollMagic?

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

Итак, я частично решил эту проблему https://codepen.io/gulnoor1/pen/JxJWBB здесь.Но проблема в том, что после запуска временной шкалы один раз, функциональная часть временной шкалы не переворачивается с помощью ScrollMagic.Div сначала переводит X, затем изменения радиуса границы, не привязываясь к прокрутке, и, наконец, переводит снова.Но не переворачивает часть границы-радиуса при повторной прокрутке.Как я могу изменить весь график?Вот javascript от кода пера: 

var controller = new ScrollMagic.Controller();

var tl = new TimelineMax();
var tl2 = new TimelineMax();

function myFunction(){
  tl2.to('.box', 0, {borderRadius: 10});
}

tl
.to('.box', 1, {x: 200})
.add( 
  function(){
    tl2
      .to('.box', 5, {borderRadius: 100})
  } 
)
.to('.box', 1, {scale: 1.5});

var scene = new ScrollMagic.Scene({
    triggerElement: '.box',
    duration: 200
})
.setTween(tl)
.addTo(controller);
...