SunilSap Posted August 24, 2020 Share Posted August 24, 2020 https://www.genesisblockchain.io/#financ_serv Help needed!!! I trying to achieve section slider with text and image animation using ScrollTrigger and timeline but Its kind a like frustrating its been 5 day Help Link to comment Share on other sites More sharing options...
ZachSaucier Posted August 24, 2020 Share Posted August 24, 2020 Hey Sunil, welcome to the GreenSock forums. What exactly is your question? There are a lot of examples in the ScrollTrigger documentation that show how to do effects like that site and it also has a super helpful video that explains how to use ScrollTrigger. 1 Link to comment Share on other sites More sharing options...
SunilSap Posted August 24, 2020 Author Share Posted August 24, 2020 (edited) First of all thank you @ZachSaucier i thought nobody gonna reply me This Fast, I have complete certain progress but that was completely different just used timeline and ScrollTrigger then scrub. Now this time i want achieve similar like gif i have posted here , i dont where to start, i know split text plugin but sadly that was for club member only and i know i split Text just for character animation but how to do main scroll. Edited August 24, 2020 by SunilSap forget to publish Image Link to comment Share on other sites More sharing options...
elegantseagulls Posted August 24, 2020 Share Posted August 24, 2020 Hi @SunilSap, The website you referenced has a canvas setup for its image sequencing, similar to the methods discussed in this thread: 3 Link to comment Share on other sites More sharing options...
ZachSaucier Posted August 24, 2020 Share Posted August 24, 2020 Unfortunately we don't have the capacity to do tutorials for every request that is posted to our forums. If you have a specific question we'll do our best to help you. It's best to include a minimal demo of what you're asking about as this thread covers: Until then, best of luck with your project! Side note: There are some courses that you can use to learn more about ScrollTrigger and GSAP like SnorklTV's and ihatetomatoes'. 3 Link to comment Share on other sites More sharing options...
SunilSap Posted August 24, 2020 Author Share Posted August 24, 2020 See the Pen PoNWVYg by SunilGamal (@SunilGamal) on CodePen If scrub is on i cant do animation on scroll and if not all slide will play when it hit top marker cant do it on scroll Link to comment Share on other sites More sharing options...
ZachSaucier Posted August 24, 2020 Share Posted August 24, 2020 8 minutes ago, SunilSap said: If scrub is on i cant do animation on scroll Use the callbacks (like onEnter, onLeave, etc.) to fire set animations. These are covered in the ScrollTrigger documentation. 1 Link to comment Share on other sites More sharing options...
SunilSap Posted August 25, 2020 Author Share Posted August 25, 2020 See the Pen PoNWVYg by SunilGamal (@SunilGamal) on CodePen I tired this way but cant hide previous timeline when scrolling Link to comment Share on other sites More sharing options...
ZachSaucier Posted August 25, 2020 Share Posted August 25, 2020 Please use the "fork" button when making modifications to demos so that the previous versions are retained for context in the forums. You have a lot of code for not much going on there. Please keep each demo focused on only the issue that you're asking about in the thread, as the post I linked to before covers. If you'd like our help debugging, please strip everything out that's irrelevant to the issue at hand and try to clearly explain what's going wrong. 2 Link to comment Share on other sites More sharing options...
SunilSap Posted August 25, 2020 Author Share Posted August 25, 2020 Sorry for that, i have made three timeline which is control on scrollTrigger to look like silde but they are just animating on scroll how to hide and show slide scrolling one by one?? I Don't have a pro level js knowledge but i love animation so GSAP really attract me now know i'm stuck. Please forgive me if i forget any rule i'm new in this form. Link to comment Share on other sites More sharing options...
mikel Posted August 25, 2020 Share Posted August 25, 2020 Hey @SunilSap, To maintain an overview, it is better to build up the logic piece by piece. See the Pen zYqZogL by mikeK (@mikeK) on CodePen Happy scrolling ... Mikel 3 Link to comment Share on other sites More sharing options...
SunilSap Posted August 26, 2020 Author Share Posted August 26, 2020 @mikel thank you it's worked i was going other way thank you so much Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now