createjs canvas repaint on scroll

Question

Using multiple createjs canvas stages on a web page.

Every time I scroll the page, on iOS Safari and Android Chrome, all the stages are cleared and repainted again (causing a long flicker).

Is there a way I can avoid the repaint on every scroll ?

Answer 1

I have never seen this. Is something resizing your canvas on scroll?

Resizing a canvas element will result in the canvas getting cleared. You can try doing a state.update() when the scroll happens.