Anurudh

thanks this worked, i did some more work on it and was able to create a master timeline to hold all animations in sequence, thanks for sharing the approach

Hello, thank you very much for your response, The third-party library is for some reason important only if you write code in codePen, in local system it is not required at all. and also, it doesn't serve much of a purpose other than smoothening the scrolling behavior. Expected result. it would be like scrollTrigger within scrollTrigger. and as i mentioned, i tried several approached mentioned in the post, please let me know if it's still not clear and i am sorry for not explaining properly before. please guide me in the right direction, thanks alot.

Thank you very much for the quick response, This was very helpful, i was starting to think to that what i want to accomplish might not be possible and was starting to lose hope, well thanks a bunch for the response. However i tried several things, like creating a master timeline and adding other timelines to it, naming timelines and adding these timelines together to create one timeline, but i just cant seem to be able to accomplish it, the animation has several timelines, if you look at the code, and some of those occur at the same time, combining everything in one timeline is proving to be very difficult for me, i have been trying. Please if you could guide me in the right direction, like if someone has already created something coplex animation like what i am trying to do then that would be a life saver. thanks a lot.

First of all thanks a lot for creating GSAP, it is amazing! I am new to gsap, I am working on a project where i intend to create 6 slides, which are both vertically and horizontally (fake-horizontally) scrollable. but withing one of those slides (2nd slide) I want to implement the below pen! I tried several approaches, but it does not seem to be working, I've been at it from 4 days straight, please help out! Approaches i tried: 1. simply added the code with some minor changes in "start and end positions" [ it did work, but there were 2 different scrollers, and not connected to each other] 2. tried horizontal: true [since it's "fake horizontal" it didn't work either] 3. containerAnimation -> well this almost worked, but "pin : true" cannot be used with containerAnimation. And i want the scroller to stay in view until the animation on 2nd slide is completely finished. any suggestions would be very helpful, thank you very much!