Launch css animation on mouse scroll down on a Dash page

Dash Python
1

I am using Dash Plotly. I want to launch CSS animation like Div taking the whole screen when the user scrolls down. I know how to do the css animation. But how can catch scroll down event in a callback?

In principle, I can change the style and launch animation when the user presses on a button. But I would like to capture mouse scroll down. Any ideas?

Usage of JQuery is not adivsed as it is not compatible with React.

Thanks

2

It looks like the issue will be resolved with the introduction of @scroll-timeline in css. Does anyone have idea when it will be added to the browsers?