How to stop Tweenmax animation while animating

jquery gsap
Pioter picture Pioter · Aug 18, 2014 · Viewed 12.8k times · Source

I have tried to stop animation before complete the animation in TweenMax. Initially div top is '0px'. I am animating it to top '90px' in 3 seconds. If I click on button I want stop it. How to get it?

    TweenMax.to("div", 3, {
        top: '90px',
    }); 
    <div id="stop">stop</div>

Answer

karan3112 picture karan3112 · Aug 18, 2014

You can use kill() to remove the tween.

JS: To remove a tween.

 var tween = TweenMax.to('div', 3, { top: '90px' }); 
 //then later...
 tween.kill();

Source

Related questions

jQuery Animation vs GreenSock TweenMax

I encounter with a question what the cons and pros of using jquery.animate() and GreenSock TweenMax animating engines. So maybe there is any one who knows it. There is not enough information on the web, also what about the …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More