Search the Community
Showing results for tags 'reset animation'.
Hi, I am running through a few issues trying to reset animate when scrolling up. - When I scroll down the page, the ball is revolving from up to down. and the ball is revolving down to up when scrolling up. - But I would like the ball should be reset when the user scrolls up the page on any point. - Animation won't work on scroll up. - e.g. when the ball is on any point (to) like second, third, fourth any step. and user scrolling up that time then ball animation should be reset or the ball goes on the first step. And the ball should be starting from up to down when scrolling down again. - Ball should not work reverse on scroll up. I can't figure out how I can do this. Any help is appreciated. Thanks in advance.
Hi Firstly I just wanted to say I have found GSAP extremely easy to pick up as a complete noob and with limited JS knowledge. Down to business... I have an animation (see codepen attached) with multiple time lines, this is a relatively simple stepped animation where user clicks on step 1 and it plays step 1 etc etc. There are 3 types of animation which I have called, spin, pulse and laser which I have reused throughout the timelines on various different elements which I have selected via class name. All animations seem to be able to be reused except the spin animation that I have included on step 5 in a nested timeline. If you first click on Step one and run the spin animations and then click Step 5 it plays the spin (rotation:360) elements fine on the items that haven't been animated yet but the items that were previously animated in step 1 will not rotate. I'm sure this is something simple and apologies for posting what is probably a really dumb question, I think I might need to reset the first animation.