synthwavenomad

@mariselvam this was the solution, it was to do with how I was enqueueing the JavaScript in my WordPress setup. Are you using WordPress? If you provide me more information about your setup & issue I will try and help you debug and resolve the issue. 🙂

Hi @Ifedyo, basically I was building on WordPress and I didn't enqueue the script in the footer. Are you using WordPress, if you could give me more information about your setup I will try and help.

Hi @GreenSock, thank you for your detailed response with a couple of approaches. Definitely gives me some food for thought and I haven't heard of the global timeline before, GSAP is always full of surprises! Hopefully this thread will help others in the future and thank you to everyone for their help & support. ?

@Cassie Thanks Cassie! I've seen some of your quick twitter vids demo concepts from GSAP v3.0 - big fan! ? That's definitely an interesting work around. Definitely something I can play around with. may not even be using Greensock correctly in its application but what I am trying to do is: onclick of a container, add and animate an image where I click to a max of 5 (I have this part down) Then on click of over 5, remove the first in the array and animate in a new one, creating a new array (Also good so far) Finally if I click a clear button to clean the images off the page, I want to remove them all at the same time. I am certain there is a creative solution to this, I just wondered if there was some functionality I wasn't aware of, whereas I could reverse all tweens on a timeline simultaneously. I have actually come up against this problem a couple of times - maybe just me being lazy and wanting to write less code. ? I can always create a more comprehensive Codepen if needed. ✌️

@Xenex122 Thanks for your quick responses but this still isn't unfortunately what I am after as I do want them to animate, just simultaneously. And the second option isn't ideal either as it may get messy when playing around with the timeline, I am sure there must be a way to reverse all tweens at the same time on a timeline.

@Xenex122 Sure here is a little CodePen https://codepen.io/StartCatalyst/pen/GRQYoJO. So basically you will see the tweens execute in order as expected. But I would like on button click to reverse all the tweens at the same time not in order if that makes sense?

Hey Fellow GSAP'ers! I was wondering if it is possible to play a timeline with multiple tweens through normally but then on click for example reverse the timeline but reversing all the tweens simultaneously so I don't have to wait for the lengthy timeline to reverse through? I can create a CodePen if needed but I am hoping this is a simple question someone will be able to call me a plonker for. ✌️

@OSUblake I have now solved this issue. Basically I was being a dumb dumb. I just noticed that my script was loading in the </head> instead of before </body>. I just didn't catch it sooner as my other code ran.

Hi @OSUblake thank you for your response! Unfortunately that has not changed anything, as mentioned it does work find if I don't use ScrollSmoother. For instance I could run a basic ScrollTrigger Timeline no issue but it is erroring because of importing in ScrollSmoother. I just keep getting the below error. Other plugins are working fine.

Hey fellow Gsappers, I am having an issue since the latest update. I am a club greensock member so I should be able to access the ScrollSmoother plugin. I am importing in gsap, ScrollTrigger & ScrollSmoother but I am getting an error in the console and I am not sure why. I'm using a gulp workflow to compile but this hadn't been an issue until now. If I drop ScrollSmoother and do a test tween using ScrollTrigger everything works - so the issue definitely relates to ScrollSmoother? Assuming others may also be having this issue - any help is much appreciated. ✌️