I'm using Gsap Scroll Trigger with my all my entire pages.
I have multiples sections.
Every section has different child element.
I want to know if it's possible to handle specific part of sections (for example, 15% of a specific one, the same as I do with normal vertical scroll ).
But I don't know how to do it and I don't know if it's possible.
In the codepen i want something like this this:
Apply different animations on different child element of
Of course you could do that, but for achieving that, you'd have to do some calculations yourself for detecting when the section you want to adress, actually comes into viewport - and if I am not totally misunderstanding and/or overcomplicating things (someone please chip in if I am/do) , there is one problem in all of that, that will make those calculations sort of complex (not really in a mathematic way - but more in their length).
Let me e