Can you tell me how react.js can make webapp slide up the whole screen? Thank you

  node.js, question

There are three DIVs, each DIV has three pictures, which are to be made into a webapp. it should be made with react.js how to slide the whole screen up like a div screen by screen, thank you.
Many examples have been found, but there is no such solution.

First set up 3 full screens, each screen is 100% high, a total of 300% high

Then make settings on the scroll event, and let him have the animation effect of Magnet through calculation.

Finish