javascript - 如何在反应中控制滚动

Question

我想在我的反应应用程序中控制滚动。假设我有一个 500vh 的 div 框，在那个盒子里面我有 5 个 100vh 的 div。我希望当用户滚动时它会从 100vh 下降，依此类推。同样，当用户向上滚动时，它会上升 100vh 等..

<div id='box-wrapper'>
   <div id='box-1'/>
   <div id='box-2'/>
   <div id='box-3'/>
   <div id='box-4'/>
   <div id='box-5'/>
</div>

有没有办法这样做？因为我已经搜索了很多，我找不到任何东西。