javascript - Proper way to pause animations when not in view -

i'm wondering whether there proper way pause requestanimationframe animations when user has scrolled , animation not in view anymore?

requestanimationframe automatically when browser displays tab, possible when user scrolls?

the way divide code in chunk of small functions.

as scroll down,keep track of how scrolling being done.

you can provide own custom conditions , use window.cancelanimationframe() after functions have been executed , not in focus.

• how stop requestanimationframe recursion/loop?
• https://developer.mozilla.org/en-us/docs/web/api/window.cancelanimationframe