UwetU Posted June 18, 2021 Share Posted June 18, 2021 Hello everyone, I really like your library, but while I'm still a beginner and I wanted to ask you the most correct way to implement the animation presented in the video using gsap and scrolltrigger, thank you very much in advance for your help. P.S. I'm interested in animating a specific list anim.mp4 Link to comment Share on other sites More sharing options...
OSUblake Posted June 18, 2021 Share Posted June 18, 2021 Hi UwetU! Have you check out the scroll trigger demos? You might be able to find something close to your needs in there. https://greensock.com/st-demos/ 2 Link to comment Share on other sites More sharing options...
UwetU Posted June 19, 2021 Author Share Posted June 19, 2021 Hi OSUblake! I looked through all possible demos and still did not understand how to make a global pin on the main slide and at the same time scroll the list, plus everything, since the list appears at the bottom, the beginning and end are not calculated correctly at first Link to comment Share on other sites More sharing options...
OSUblake Posted June 19, 2021 Share Posted June 19, 2021 Unfortunately, we don't have the resources to provide free general consulting or "build-to-order" solutions, but of course anyone is welcome to assist with that if they want to. I most likely would not use ScrollTrigger for that animation. It looks like it's responding to wheel events, kind of like some these demos. See the Pen PoWapLP by BrianCross (@BrianCross) on CodePen See the Pen YRzRyM by PointC (@PointC) on CodePen See the Pen kDvmC by bassta (@bassta) on CodePen Those are more full page sliders/carousels like animations, but the concept is still the same. 3 1 Link to comment Share on other sites More sharing options...
mikel Posted June 19, 2021 Share Posted June 19, 2021 Hey, Just for fun another option ... See the Pen poeBgJO by mikeK (@mikeK) on CodePen Happy scrolling Mikel 2 1 Link to comment Share on other sites More sharing options...
mikel Posted June 19, 2021 Share Posted June 19, 2021 ... and another option See the Pen bGBqOYz?editors=0010 by mikeK (@mikeK) on CodePen Happy scrolling ... Mikel 2 1 Link to comment Share on other sites More sharing options...
UwetU Posted June 20, 2021 Author Share Posted June 20, 2021 OSUblake and Mikel, thank you so much for your answers!!! OSUblake, the only thing I would like to ask is why you do not recommend using ScrollTrigger for this? Link to comment Share on other sites More sharing options...
OSUblake Posted June 20, 2021 Share Posted June 20, 2021 5 hours ago, UwetU said: OSUblake, the only thing I would like to ask is why you do not recommend using ScrollTrigger for this? What site did you get that video from? It doesn't look like it's scrolling. Just faking it. You can use whatever approach best works for you, I was thinking that that video looks like those demos I posted, which do not use scrolling. 1 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