when resizing positions of planes misplaced about curtainsjs HOT 2 CLOSED

Hi @Dushyant1295,

It's not possible to help you with your issues without a minimal working codepen or fiddle demonstrating the bugs.

1. There might be a conflict with locomotive scroll plugin, but it's hard to say without any example. You shouldn't use onAfterResize callback to update your planes positions. You can however use it to log your planes bounding rectangles, that could help you with debugging.

2. You shouldn't remove the render() method from the gsap ticker. If you wish to switch rendering on and off, you should have a look at the enableDrawing() / disableDrawing() methods.

Cheers,

from curtainsjs.

Thanks for reply

somehow this works

adding ticker

gsapRender = curtains.render.bind(curtains);
 gsap.ticker.add(gsapRender);

removing ticker

function destroyPlane() {
 gsap.ticker.remove(gsapRender);
    for (let i = 0; i < planeElements.length; i++) {
      curtainPlane[i].remove();
    }
    curtainPlane = [];
}

its working fine now, but also

these methods enableDrawing() and disableDrawing() are better way to do so

Thank you for suggestions, thanks for this great library

from curtainsjs.