MarioBros

Hi, I am trying to use gsap animation on my website. When user is scrolling down the animation is working as it should(pinned img) but how can I stop animation when user click Colours/Menu button and take him straight to the element skipping animation section? I tried couple of solutions but nothing is working for me. Demo Thank you for any help!

As you mentioned something else must causing the problem and you were right. I commented out components above gsap animation and there was a problem with the first animation(sliding words left and right) as the div's width of some of them were causing overflow-x so I changed it and now gsap animation works! Thank you!

Hi, thank you for trying to solve this problem. Animation(under black buttons) on stackblitz sandbox is working as expected but it's not working on mobile devices as you can see on the video recorded on iPhone(empty space under black buttons). Website

Thank you for all information. I've created demo in stackblitz: Demo

Hi, I've just discovered gsap and I am trying to do simple animation but my ScrollTrigger is not working on iOS(Brave, Safari) Animation should be below black buttons. I've also tried to search for similar problems on goggle but didn't find anything helpful. Video GitHub repo My project: React + Vite I've installed gsap: npm i gsap Deployed on Netlify and AWS Amplify - animation works on both on desktop pc but not on iOS (I didn't try Android)