Forpee Posted June 5, 2021 Share Posted June 5, 2021 Hello all, I would like to create the scrolling text effect on the left side of this video (where the list elements either get bigger or smaller when you scroll) comp_Trim_Trim (1).mp4 I think I would have to put scrolltrigger inside a timeline but I am struggling to implement this See the Pen oNZdBzm by BobuShmurda (@BobuShmurda) on CodePen Link to comment Share on other sites More sharing options...
akapowl Posted June 5, 2021 Share Posted June 5, 2021 Hey @Forpee I made a demo some time ago that might help you get started with this. See the Pen 85fd1433b311d0197397addc90617a77 by akapowl (@akapowl) on CodePen What I'm doing there is pinning the relevant section for a specified amount of scroll ( happening in the lineTimeline - of course you wouldn't need an animation attached to that if you don't need one) and then forEach of the text/headline-elements create a ScrollTrigger with an equal scroll-duration (the afore-mentioned specified amount of scroll for the pinning devided by the number of texts/headlines) offset in their starts by that amount times the index of each text/headline-element. 5 Link to comment Share on other sites More sharing options...
Forpee Posted June 6, 2021 Author Share Posted June 6, 2021 Woah thank you so much @akapowl! 2 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