Atharv varshney

Thanks for the solutions, both of them perfectly work in my case.

Hey, what's up? I have created a website https://jimny.vercel.app/ where I used a ton of ScrollTrigger animations. All went perfectly, this forum helped me a lot. I have encountered a problem which is very common among the people in this forum. The horizontal pinned scroll created using ScrollTrigger is overflowing the viewport width in small (mobile) devices. What I want is obviously, the scrolling section should not overflow the width. I have tried adding a media query where I set the width of wrapper div as 100vw and overflow-x as hidden, but still it didn't worked. I have added a codepen, Please help me fix it. I really appreciate your suggestions. Thanks a lot, Atharv varshney

Thanks, I was looking to add Layered pinning in this. Can you advise me an idea? Should I create a wrapper scrolltrigger.create of all the seperate ones? https://codepen.io/Atharvvarshney/pen/jOQOrKe Thanks again!

Hey thanks a lot, It is working. I just want another favour from you. This is my current progress: https://codepen.io/Atharvvarshney/pen/jOQOrKe Here, The body is not scrolling and video is pinned until it gets over. But the problem is sometimes the video is pinned and starting again after running for one time as it again enters the trigger element. And also if I scroll up and down then video obviously restarts again. What I want is a simmilar effect like this once the video get's over. https://codepen.io/GreenSock/pen/KKpLdWW Thanks you so so much for your help, I highly appreciate your help

Hi, I want to make something like this: https://flamapp.com/ This is too advanced, but what I want is just pin a video till it get's over (Video duaration complete) and automatically start playing when it is pinned. The video should be independant of scrolling (We have my GSAP Examples of controlling video through scroll, I don't want that). I want the no matter how much user scroll, the video should be pinned and should play. I think that we need to disable the scoll till the video get's over. After pinning is gone, I want a simple animation as well. Can you please suggest me a way or examples through which I can implement this? It will be a great help. Thanks

Hi, Thanks for your reply. I was able to implement this: https://codepen.io/Atharvvarshney/full/KKrPxXp Here I implemented what I want just that the image are loading after the text elements are loaded. Please suggest me a way through which I can make this working. Also I found this pen in the examples. I think this could be useful. Can you also suggest me a way through which I can implement this into my code? https://codepen.io/akapowl/pen/zYqLyPQ/6a2480c123d88dc391faba0ea5cc590f Thanks

Hi, I want to make a simillar effect like the video attached and this link: https://www.spacex.com/vehicles/falcon-9/ I want a section to be pinned and when I scroll it should remain pinned and after some scrolling the content should change by fading as shown in the video. Like in the video, the text on the left changes to a table and the right image also changes. This animation should also be working in reverse. screen-capture_D4MME7bI.mp4 I have attached a codepen, where I was able to pin and fase in a section but I am not able to hide the previous pinned section and change the content of it. Please suggest me a way through which I can implement this. Any suggestion is highly appreciated. Thanks