Lins

Hi @mvaneijgen I did what I want with Flip! Thank youuuu. But based on my last question about changing images, do you have an example for that? 🤔

Interesting, thanks for the insight! I'll be back if I need a hand ~

Thank you for your fast respond @mvaneijgen Ah I see, so I need to reconstruct what I've done. Oh and one more, Is it possible to change the "image" when the last timeline triggered? My goal is to change the image when the image arrived on the left of wording (in my case is Mission Section). Hope you get it : ))

Hi GSAP Team, I have a requirement to create two timelines on the same object, my problem now is the animation looks jumpy when scroll fast (I think its because immediateRender: false) and also I think using "x" and "y" to moving the object is not a good approach. And I think I don't need "pin" for this requirement. Would you mind giving me the best approach for this condition? Hope you guys undertand what I need

Hi Rodrigo, Yes this is exactly what I want! I will add more function from here, thankies!

@GreenSock Hi there! Aight! thank you, next time I will ask step by step to make it easier. Thanks to fix my codes! Yes, you are right! What I mean is "top bottom-=25%" And yes, that's exactly what I want! But I don't want to remove "active" class *except* User scroll back to top. I tweaks the codes from your last fix, but when I scroll to top, all active class on List removed instantly. What I want is each Item removed by scroll when the User scroll back to top Sorry if what I made confused you, I'll try to tweaks the codes a bit & explain here: In this Strategy Section, user can scroll to bottom and the timeline move down like now (solved), however later when the User scroll down, the ".timeline-li.active" will trigger the image ".strategy-image .image" on the left to change / stack to another image. Is it clearer now? Just give me the clue, so I can learn from it and give back to you when its done! **I already changes the codes

Hi GSAP team, I often use GSAP for a long time but just "copy pasting" the codes.... And now, I really want to expert it (going to buy your license in near time!) I have a couple question, actually a lot... Hope you can bear with me 1. Is there any wrong / bad syntax on my approach? Would you "correct" or tell me what's bad/wrong in my GSAP codes. 2. How to make the .draw-line class slower to bottom when I scroll it? I mean the duration. I do research and implement it, but it didn't work (I already take it out) 3. I want to add ".active" on ".timeline-li" when .draw-line start triggering. I already did it, but the "active" class removed automatically when it's outside the trigger area 4. I also want to change the image on the left, when the second .draw-line triggered. (We can talk later once these three are resolved) I'm so sorry if my question is too da*n much, hope any of you can help me out. Thank you, so so much!