NIK03

This is my code is there anything wrong with it? let t1 = gsap.timeline({ scrollTrigger: { trigger: element, start: 'top 70%', end: () => `+=${element.clientHeight}*2`, toggleActions: 'play reset play reset' // markers: true } }); gsap.to(element, { scrollTrigger: { trigger: element, start: 'top 70%', end: () => `+=${element.clientHeight}*2`, toggleActions: 'play reset play reset', markers: true } });

It is not working if i apply overflow-x:auto css to container div which is exact problem i am facing .container{ overflow-x:auto; overflow-y:hidden; } Please check my codepen code again i have edited it

Hello, I have noticed that there are not any reference for doing animations on Horizontal scrolling(left and right) on two separate div's in react Ex. This is a rough idea, So here i want to implement horizontal scroll(left to right) and want to add two different animations to both Namee1 and Circle1 at the same time of Horizontal scrolling