idesigner

url is pm2015.jamfactorydesign.co.uk

Thank you both - think it is probably a tl.pause() tl.restart() Essentially it's a single page Drupal 7 Bootstrap3 site where once a visitor has scrolled below the opening section containing the animation the animation continues in the 'background' i.e. is infinite. However when a visitor returns to the page top, the animation could be at any point in the sequence - client has requested that it should effectively restart from the beginning in such an instance Would the url be of help in this?

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