Hi Cassie,
Thanks for the reply. The problem that I am facing is that the GSAP stuff that I want to put in are actually gonna be placed inside another container which leaves on a website with a massive sticky nav at the top. I've provided the link here. I was trying to calculate the height of each section and then assign is as duration for example but I think that is an overkill .
Also the nav at the top has 3 layers. One or more of those layers (sub-navs) appear as you scroll down and hide as you scroll up. You can see the behaviour in the link below.
https://www.woolworths.com.au/shop/discover/gsap-playground-1
1- The 100vh is just gonna work on load and if the user resized the window it can potentially change the visual
2- Also what is the best practice to calculate the optimum scroll distance or duration for a pinned timeline?
Thanks
Jamshid