Have a dev installation using a simple timelineMax animation set to an infinite loop as requested by client
Is there a way to kill/stop the animation once it leaves the viewport and then restart, from the beginning, when it re-enters the viewport?
Here's the animation:
var tl = new TimelineMax({delay:1,repeat:-1,repeatDelay:0.25});
tl.from(".marketHeading", 1, {scale:0, autoAlpha:0})
.from(".strategicOptions", 1, {scale:0, autoAlpha:0}, "-=0.2")
.from(".addedValue", 1, {scale:0, autoAlpha:0}, "-=0.2")
.from(".demonstrateValue", 1, {scale:0, autoAlpha:0}, "-=0.2")
.from(".strengthenTeam", 1, {scale:0, autoAlpha:0}, "-=0.2")
.from(".implementBetter", 1, {scale:0, autoAlpha:0}, "-=0.2")
.to(".section-wrapper", 0.75, {opacity:0});
tl.timeScale(1);
Can provide url if necessary