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!!!