Any way to detect if a browser halts repainting on scroll?

Question

I continuously run into this issue when designing sites that have scroll-based events (animation, parallax, etc etc etc).

Is there any reliable to test if a browser halts repainting on scroll, so I can better tailor my interactions to the platform?

Answer 1

In Chrome you can check paint actions.

Chrome > Developer Tools (f12) > Timeline

Tick the

paint checkbox

then record start recording and do actions in the browser, like you mentioned scrolling. Then click the record button again to stop. Later you can see each and every event, every frame, how chrome painted your screen.