如何在React中滚动列表的顶部或底部？

Question

我有一个生成列表的react组件。例如，让我们说它看起来像这样：

<table>
   <tbody>
      <tr>
        <td>
          {...}
        </td>
      </tr>
      {/* These are being generated so there are a bunch*/}
   </tbody>
</table>

但是我希望列表以活动列表项始终位于屏幕中心的方式运行。除了当我到达列表的顶部或底部时，这不是太大的问题。我需要一种滚动列表顶部或底部的方法，我不太清楚如何做到这一点。

我的第一个想法是创建一些空的表格行来填充向上滚动到顶部或从底部向下滚动所需的空间，但这感觉就像一个＆＃34; hacky＆＃34;解。任何帮助，将不胜感激。感谢。