How to make it so that when scrolling, scrolling, the elements appear at one point and then “disperse” in places?

Question

JavaScript

Given a set of cards with products, it is necessary that they appear at the bottom in the middle of the screen in the form of a “deck”; when scrolling down, they “decompose” according to the adaptive bootstrap grid; when scrolling up, they should be collected back.
I looked at the scrolling plugins, but there is either a simple animation on a dot when scrolling down ( WOW.js and AOS ) or dances with a tambourine are needed, as in this ScrollMagic

example. Are there any other alternatives or options for implementing this?

Answer 1

There is. Catch scrollTop with jQuery and move elements as you like