qlpo

Thank you very much @GreenSock

Another example of the "jumpiness" between animated sections when the "scroller:" is set to a div rather than the body. Here, I used the pre-made template from https://codepen.io/GreenSock/pen/bGVjLwG And here is the codepen with the "jumpiness" between animated sections: https://codepen.io/akc4/pen/qBReGpQ

it doesn't freeze now.

my macbook freeze's if I scroll over that codepen ??

Thank you for your reply, I have recorded the example I made in codepen: For some reason, the transition is not smooth on a bigger screen when I set the scroller to my container.

Hello, I am new to gsap and I am having on issue. On my website I use tailwindcss and I have a main layout for my pages. Instead of using "fixed" position for my headers/navigations I am using "flex-1" (flex: 1 1 0%; in normal css) on my main content with an overflow-scroll so my headers/navigations remain as if they were "fixed" at the top but the content is scrollable. You can refer to the CodePen. However in order for my layout to work I need to add "h-screen" (height: 100vh; in normal css) to the main element, but when I do so then the gsap animations don't work anymore.. They only work when I add "min-h-screen" (min-height: 100vh; normal css) on my main element. BTW I did not make those animations I copied them from examples I found for a quick demo. Thank you. **EDIT: I have found how to target a container scroll I had to use "scroller:". Now the problem is that the scroll is somehow "buggy" sometimes, especially when I scroll back up the container is tweaking and unpinning from top/bottom