Stop rendering when scroll down 1000px

[mdab87]

Hello! How can I stop rendering canvas animation in React Three Fiber when I scroll down 1000px?
Currently, my animation is running continuously in loop.

I've used 'invalidate' method, but it doesn't help me because I want to achieve next behaviour:
When I enter in website, I want the animation to run, and after that when I scroll down, I want to stop the animation.

Thanks!