Ziafat Ali

Testing on Android browser and only the horizontal scroll cads scrolls slowly and other scrolls normally. https://codepen.io/ziafatali/pen/mdvZLJN

Hi, I have a slow scrolling speed issue on touch devices for one of my GSAP applications. Here is a quick code pen. https://codepen.io/ziafatali/pen/WNPQXVr I would appreciate your help in this regard. Thank you, Ziafat A.

Great! Thank you for the help.

Greetings, I'm trying to create a horizontal-scrolling card layout and want to pin the card's parent in the middle of the viewport, but I don't want the spacing above and below the pin section. Currently, card scrolling works but the parent scrolled away behind the cards. Please take a look at the code pen demo and advise. https://codepen.io/ziafatali/pen/WNPQXVr Thank you,

Hi, I'm sorry for not being able to provide a minimal demo. Here is the demo. There are absolute positioned sections stacked on each other, and I want to move to the respective section by clicking the indicators from the indicators list below section 3 with the same cross-fade effect and also toggle the active class on the indicator. I had been trying hard for a week and also used the SrollToPlugin, but unfortunately couldn't find any solution. https://codepen.io/ziafatali/pen/GRwaKBb I would really appreciate the help and support. Thank you!

Hi, Thank you so much for the help, especially the new method is great However, the scrollTrigger.end only moves a single frame and does not move to the end of the timeline. I've tried a few things, but sorry, I'm still new to this, so can you please take a look? Thank you, Ziafat A.

Hi, The fade transition works great but there's another issue with this I need to scroll to the last section by clicking on the "Register Now" link, which I just added to the top header, and once reach there, we should scroll forward/back normally (through the fade transition). https://codepen.io/ziafatali/pen/GRwaKBb Can you please advise? Thank you,

Great!!! It's working as I want https://codepen.io/ziafatali/pen/GRwaKBb Thank you so much for the help!

Hi, Sorry for the confusion; I just created a new codepen with a fresh script to understand better. I just want the last section make scroll after the fade transition is completed as it has content exceeding the height of the containing section. https://codepen.io/ziafatali/pen/gOQyyLo I really appreciate the help.

Hi, Apologies for the confusion; actually, I'm still not able to find a proper solution. Here is an updated codepen with the exact layout and requirements. There are a total of 4 stacked sections, and each will appear stacked on the scroll, but on the first section, the logo and heading will animate first, and after the completion of the animation, the second section will appear. I also want to interact with the content, like the href and buttons should be clickable on each section, and the last section content should be normally scrollable after fading into the viewport. https://codepen.io/ziafatali/pen/NWEzwea I really appreciate the help! Regards, Ziafat A.

Hi, I'm looking for something similar to the provided codepen. Still, I'm having a few issues with the animations of headings on the first panel, and I want to start fading the board after completing the heading's animation. Also, I need auto-scroll content once the fade is completed on the last panel. It would be appreciated if anybody could help. Thank you, Ziafat A.

Thanks for the reply, I'm going to work on a modern website with parallax and on scroll animations using GSAP.

Hi everyone, I've worked on GSAP 2.x with the scroll magic but I had to use a lot of plugins like TweenMax, TimelineMax, gsap.animations etc. No I'm going to switch on GSAP 3.x and want to confirm what file I really need in order to use GSAP 3.x with ScrollMagic. Thank you, Ziafat A.

Hi @omarel ! Thanks for the reply, yes your solution is also close to my requirement. Thanks again.

Hi @Shaun Gorneau ! Yes, that'll help, Thank you so much.