jonsaul Posted October 20, 2020 Share Posted October 20, 2020 Hi all, I was wondering if someone might be able to offer some help with a scrollTrigger setup I am looking to put together... I would like to be able to know when one of the image blocks on the left comes inline with the pinned element on the right, so that I could do a visual effect on the lined up block, and then remove it and apply to the next block to lineup with the text. Im not entirely sure how to go about his at the moment, my inital thought was to create a whole other scrolltrigger for each block but I doubt that is the way to do this... any help much appreciated... Thanks See the Pen OJXMQOL by jonsaul (@jonsaul) on CodePen Link to comment Share on other sites More sharing options...
akapowl Posted October 20, 2020 Share Posted October 20, 2020 Hey @jonsaul You could (for each image-item) create a ScrollTrigger, that has a start dependent on the height and offset from top of your headline. Maybe something like this See the Pen e73fd19440bed45ddcf8a9e6bade7651 by akapowl (@akapowl) on CodePen 3 Link to comment Share on other sites More sharing options...
jonsaul Posted October 20, 2020 Author Share Posted October 20, 2020 @akapowl Amazing, thank you, Paul! This looks like just what I need. Great stuff, Cheers! 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