hhkp Posted June 14, 2020 Share Posted June 14, 2020 Hey, guys. Thanks to everyone who created this wonderful scrollTrigger. How about a few scrolls... scrolling in another scrolls ...there are three sections, and there are three more sections in the skin that need to be animated for the scroll. I'm sure ScrollTrigger can handle that, but what tips will be at the start... ? here's a example. ↓ example.mp4 ↓↓ Link to comment Share on other sites More sharing options...
hhkp Posted June 14, 2020 Author Share Posted June 14, 2020 The main sections look like this. Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 15, 2020 Share Posted June 15, 2020 Hey hhkp. To do this, I'd use ScrollTrigger to pin the container of your sections and either create a timeline that reveals section after section and set scrub: true or check the scroll position and fire a full animation to show the relevant section. Both are valid but produce slightly different effects. Link to comment Share on other sites More sharing options...
hhkp Posted June 15, 2020 Author Share Posted June 15, 2020 Hey, guys. I'm trying to do an animation using scrollTrigger. I'm trying to create an animation of several identical sections that have their own scrolling so that when one section finishes the animation then the scrolling page will go to the next section and play the same animation, etc. I really wanted to try out the scrollTrigger, but I'm afraid I don't have enough experience with it. Any help ... Thanks See the Pen vYLKXzr by hhkp12 (@hhkp12) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 15, 2020 Share Posted June 15, 2020 Hey @hhkp I went ahead and merged your two threads since they are asking about the same thing. I encourage you to try the approach that I mentioned above. 1 Link to comment Share on other sites More sharing options...
hhkp Posted June 15, 2020 Author Share Posted June 15, 2020 Thanks, Zach. I'm gonna try to apply your option. The problem is to move to the next section because the section position in the fixed position and the sections are not lined up in a column. Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 15, 2020 Share Posted June 15, 2020 1 minute ago, hhkp said: The problem is to move to the next section because the section position in the fixed position and the sections are not lined up in a column. So don't fix them Use pinning like I suggested. 1 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