Posts posted by jonsaul
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...
@akapowl thank you Paul!
I think i will be requiring scrollTrigger in some other areas of my build going forward, so it makes perfect sense to do this as you have demonstrated, I will fork the pen and learn how this all works.
Thank you for your help and clear rationale.
This is my first post on the forum! I was hoping for some advice with a scroll based interaction I am working on.
Essentially I have a fullscreen panel, containing a video and an H1 positioned on top (in reality I think the H1 will be an SVG logo).
I am looking to have the H1's position on the Yaxis adjusted as you scroll down the page, effectively going in the opposite direction to normal, and disappearing from view out the bottom of its parent container.
I have built this out the best I can so far using a gsap timeline and scroll event on the window.
It all works as it should, it doesn't really feel great and can be a little jerky to begin with... so my questions would be...
Is my approach suitable for this ?
Are there any quick wins I could make to improve it?
Or should it be done another way eg. scrollTrigger ? (No idea how to do this atm)
Any advice greatly appreciated.
scrollTrigger 'callback' when elements align
@akapowl Amazing, thank you, Paul! This looks like just what I need.
Great stuff, Cheers!