Map tween state not matching absolute position - Githubissues

Roytangrb / mapping-the-routes

Trafficked to Extinction

https://roytangrb.github.io/mapping-the-routes/

0 stars 4 forks source link

Map tween state not matching absolute position #9

Closed Roytangrb closed 4 years ago

Roytangrb commented 4 years ago

hidden svg elements cramping each other if use agent dump directly in the middle of tween (scroll)
scrolling too fast seems to be one of the cause

Roytangrb commented 4 years ago

Cause of the Problem

Using a timeline for tween, in the case of scrolling too fast, the ScrollMagic Scene ends before tween is finished, i.e., duration of scene shorter than duration of timeline

Solution

Kill the unfinished tweens of specfic targets, using .killTweensOf(*targets)
Set a new exit tween to restore exit state of targets

.on('leave', () => {
  var targets = [$('#arrows'), $('#melaka-label'), $('#caption01')]
  TweenMax.killTweensOf(targets)
  TweenMax.to(targets, 0.5, hidden_opt)
})