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.