nafiul09

Thanks @Rodrigo this is what I needed but yeah I did update the animation a little bit to fit my requirements. Here is the updated codepan if anyone is really interested in checking the codes. https://codepen.io/nafiul09/pen/qBvyEMr

Tried but not sure what's the issue. Can anyone please help me with this? Thanks, Nafiul

@Cassie Can you look into this, please? I think you have solved something similar to this previously.

Hello everyone, I am new to GSAP and have been trying to achieve something for the last couple of hours, but I am not 100% sure how to do it. I want to pin the cards on top of each other, and each time a new card is set to pin, it should have some distance set by attributes. Additionally, when a new card starts its animation, all other pinned cards should reduce in opacity by 0.4. Lastly, once the last card finishes its animation, everything should return to normal. I have provided a CodePen link. Please check it and let me know how I can fix it. https://codepen.io/nafiul09/pen/bGZKGdW Thanks in advance.

@mvaneijgen I think you didn't understand what I said first and what I mean 2nd. So first thing first animation will start once Start point hits the Scroller-start (while scrolling down) and then the animation will reverse as soon End point hits the Scroller-start/Bottom of the page (while scrolling up) and lastly when the End point hit the Scroller-start or enter the page again then the animation will start again (while scrolling down). In short Start -> Scroller-start = Animation start, End <- Scroller-start/Bottom of the page = Reverse animation, and last End -> Scroller-start/Bottom of the page = Animation play again (->) = Scroll down (<-) = Scroll up I hope I explained it better now. Please let me is it possible with one scroll trigger or I have add another trigger to do that. I think you understand what I mean here. Thanks, Nafiul

So I already know this. But I want to reverse the animation only if end point hits the bottom of the screen but if scroll up again then animation will play agin. Here is a very small video to explain what I basically want to do. How can I reverse the scroll stringer animation when trigger element hits the bottom of the screen - GSAP - GreenSock - 15 June 2023 (1).mp4

Hi there, So I am creating animation and kind of stuck. I don't know how to reverse the animation when the end of the targeted elements hits the bottom of the screen. Please let me know how can I able to achieve this. Thanks, Nafiul

Is there any way I can round up the numbers?

Hello guys, So I am facing a small problem related to scroll smoother and scroll trigger. I have explained the whole problem in this 4 mins video. Can anyone help me to get this fixed please. Video link: https://www.loom.com/share/11acaf84a85a40f8a616db46a7aacdb5 Thanks, Nafiul