Atharv varshney
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Atharv varshney
-
-
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
See the Pen jOQEGZM by Atharvvarshney (@Atharvvarshney) on CodePen
-
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?
See the Pen jOQOrKe by Atharvvarshney (@Atharvvarshney) on CodePen
Thanks again! -
Hey thanks a lot, It is working. I just want another favour from you.
This is my current progress:
See the Pen jOQOrKe by Atharvvarshney (@Atharvvarshney) on CodePen
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.See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen
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:
See the Pen KKrPxXp by Atharvvarshney (@Atharvvarshney) on CodePen
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?
See the Pen 6a2480c123d88dc391faba0ea5cc590f by akapowl (@akapowl) on CodePen
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.
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.
ThanksSee the Pen VwVZwVM by Atharvvarshney (@Atharvvarshney) on CodePen
ScrollTrigger Horizontal scroll not working in Mobile devices (Small screens)
in GSAP
Posted
Thanks for the solutions, both of them perfectly work in my case.