Reactjs 如何创建双向无限制滚动？

我用多年的时间创建了滚动条。现在我设置了这个卷轴的minYear和maxYear，但我不想这样做，因为它没有效率（我们有200个元素）。我只想渲染左侧的10个元素，当前年份和右侧的10个元素。但存在一个问题，因为无法设置负滚动值。那么，如何只渲染21个元素而不受限制呢？有人有类似的问题吗？这是我的代码：

您可以使用@angular/cdk软件包中的类似于虚拟滚动的内容来完成此任务