How to make objects parallax along the edges of the screen with different speeds when scrolling?

Question

css

Hello, I want to make the effect of flying objects when scrolling, along the edges of the screen, each with its own rise speed and layer, there are many different ways to solve it, but such a mess turns out in js and in css, tell me, maybe someone knows a script conceived specifically for this or how is this effect generally correctly called, in order to google it yourself? Thank you.

Answer 1

On the scroll, broadcast the listener and measure how much has already been scrolled and give this value to transform