Jump to content


How to split a pinned section into multiple ScrollTriggers

Recommended Posts


first of all I thank you for taking the time to read my question and sorry for my english, I hope you understand me.


I am trying to do the following:

I have a pinned section and I need to split it in four equals scrollTriggers.  So when I scroll down the pinned section, I get four alerts, one for each subsection.


Thanks for the help and advice.


Link to comment
Share on other sites

Welcome to the forums, @TTYG. I'm not exactly sure what you're looking for (how things will move while pinned, etc.) but it all sounds very doable with ScrollTrigger. Maybe one timeline that animates the various sections and then you just hook up the ScrollTrigger to that one timeline. If you want things to move horizontally and trigger based on things coming into the viewport, check out the containerAnimation feature in the docs. 


Why don't you give it a shot and then if you get stuck, post a minimal demo (like a CodePen) and we can take a look? 


Have fun! 

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.