Ayrds

Hello everyone! I'm doing a project in which I want to include LocomotiveScroll, I understand that I must use ScrollTrigger.scrollerProxy() but I don't understand how to implement it, at least in React. I have looked and read various guides but still failed to do it. The animation works perfectly, the problem is when I add LocomotiveScroll, that's when the animation stops being seen. Any help you can give me I will be very grateful, I attach a link to my codesandbox. https://codesandbox.io/s/locomotivescroll-and-gsap-9d5er

Yes, that's what I was looking for! Thank you very much and sorry if my English was not very good. Greetings from Argentina!

Thank you OSUBlake. I want to move both images, but when doing the fade-up, I want the limit to be the Y position, which is by default in the CSS. Hope it's understandable

Hello! I'm learning to use SAP and I have a problem that I don't know how to solve. I'm making a gallery of images and I want to make each of the images fade-up; In the css I have by default a position for the even images with the property transform: translate3d, so that the images achieve a staggered effect, as seen in the attached image. The problem is that if I use gsap.to('.element', {y: 0} it places the images next to each other. How do I keep that position that is in the css and do the fade-up until the same? I leave attached the codepen. I hope this has been understood, any advice would be very helpful. Thanks!