Timeline First Play

[Georgi Davitaya]

Hello,

 

Is it possible not to play the timeline for the first time, when adding animations to it?

 

For example, here's building of timeline:

var tl = new TimelineLite();

tl.to($("#cc_1"), 1, {top:100, ease:Power3.easeOut})
  .to($("#cc_2"), 1, {top:200, ease:Power3.easeOut})
  .to($("#cc_3"), 1, {top:300, ease:Power3.easeOut})
  .to($("#cc_4"), 1, {top:400, ease:Power3.easeOut})
  .to($("#cc_5"), 1, {top:500, ease:Power3.easeOut});

 and call it somewhere in the code, for example onscroll:

$(window).bind("scroll",function(e){
   if ($(window).scrollTop()>100) {
      tl.play();
      ...
   }
}

I want to play animation only after scroll reaches 100, but it is played when the page loads.

 

 

[jamiejefferson]

This one is really simple, you can tell a TimelineLite or TimelineMax to be paused initially through its vars parameter:

var tl = new TimelineLite({ paused: true });

[Georgi Davitaya]

jamiejefferson, Thank you very much!