onUpdate is never called when seek()ing a paused timeline

[gilbox 0 Likes (Newbie)]

Bug or feature? When I tl.seek() a paused timeline the animation is "updating" yet the onUpdate function is never called. See plunk.

See the Pen cplhI?editors=101 by gilbox (@gilbox) on CodePen

[Carl 9,066 Likes (Superhero)]

Hi and welcome to the GreenSock forums.

 

Thanks a lot for the demo. Super helpful.

 

2 problems

 

1. your update2 function is logging 'update1'

 

function update1() {
  console.log('update1');
}
function update2() {
  console.log('update1'); //oops
}

obviously a simple typo. no problem.

 

However the big problem is that seek() takes a second parameter called suppressEvents which is true by default. 

Set that to false and you should be good to go

function intv() {
  tl2.seek(t2 += 0.01, false);
}

seek() : http://greensock.com/docs/#/HTML5/GSAP/TimelineLite/seek/

 

demo: http://codepen.io/anon/pen/vmnAu

[gilbox 0 Likes (Newbie)]

Thank you Carl ! I should have been more vigilant in reading the docs. You've helped to fix a bug in my ScrollMagic-like library for angularjs...

 

spark-scroll gsap demo

spark-scroll on github

[Carl 9,066 Likes (Superhero)]

You're welcome.

And no worries, there are a lot of subtle nuances like "suppressEvents" that you can only really appreciate when you need them.

 

Thanks for sharing the links to spark-scroll. I have yet to get deep into Angular, but wish you great success with the project.