Nielsd

Jack, Zach and the rest of the team! Thank you very much! It works perfectly ?

Hello Zach, thank you very much for your quick response. This feature looks perfect for me and I think, this is necessary for a perfect responsive behavior. There is one thing in your example, which I would wish: If you scroll down to the end of the page, and make the size change, I thing, it would be perfect, to stay at this position. In your case, it jumps back to the start position of the page. I'm looking forward, to work with your solution. This looks very easy to handle ScrollTrigger with different instances in different screens sizes. Thank you very much! Niels

Hey, step by step, I figure out, how this fantastic plugin works, but there is one thing, I'm not understanding: The goal is, to make two different instances, which means, when the viewport is wider than 992px, it should load the instance for big screens. When it comes to smaller viewports (on resize), it should kill the actual instance and init a new one for smaller Screens. And that works perfectly with kill(), clearProps and then new init. But it works only on resize, when my scroll position is within the start and endpoint of the first screen instance (isActive). For example, I am on a big screen, scroll down for a while, after showing up my animation, I decide to change the screen size under 992px width. In that case, I get a blank viewport (the white pin-spacer gets visible). Any idea, how to solve this issue? You can see this behavior in the codepen demo. Just resize the demo at the start position and after, at the end of the page. You can see a different behavior. Thank you very much for your support!!!