同步独立列滚动

如何解决同步独立列滚动

我正在开发一个 React 网页，我在其中使用了这种 layout。

但是页面的高度甚至可能超过 4k 像素，因为我不确切知道将显示多少个“框”。因此，我在页面中添加了 scrollbar。

现在我希望在用户滚动时有 aligned items to the bottom（默认情况下顶部已经对齐）。 为此，每一列必须独立滚动但同时同步。

有人对如何实现这一目标有任何建议吗？这是某种视差与砌体效果的结合。

感谢您的任何想法。

解决方法

一个想法是将每一列包含在它们自己的 div 中，然后使用视差效果将它们一起滚动。