yahia

Thanks a lot for your reply, help and time, I'm doing a project and my demo is the home page that has few sections, I use locomotive scroll and gsap together and it works fine till I get to services section. here's what I want, I want this section to scroll horizontally and cards to move to left as I scroll down the way, then when it finishes all cards, I go back to vertical scroll. as u can see in my demo I have many cards and in order not to display them all I need to write them all and give each one unique refs. I was trying to display all of them using map() method and give each cards it's info from items.js. if you know better way please give me a hint. thanks again man

i have a project in React. gsap animation works fine, but when i add scroll trigger nothing happens i hope the demo helps to illustrate what i mean. thanks a lot in advance. https://codesandbox.io/s/intelligent-rain-866rkd?file=/src/Services.js

hello there, im trying to create section with cards to scroll horizontal in (React), the animation works fine but when i add scroll trigger to start animation when the section in viewport, something is wrong. here is a demo on codesandbox https://codesandbox.io/s/intelligent-rain-866rkd?file=/src/Services.js