我们正在开发原型中的无限滚动网格，其中滚动窗格保持不变，就像网格中的所有元素都在页面上一样，因此具有流畅的滚动体验。我目前的解决方案是在网格的顶部和底部使用动态大小的div来计算丢失的项目。出于某种原因，我得到的页面越往下，它的性能就越低。我知道还有其他的解决方案，但我还没有改变潜入它们。我想我会给它并要求反馈，看看哪种策略是最好的。
1）大小的div用于在包含div的父级的顶部和底部提供间距。
2）将可见元素放在容器中，并将容器的绝对位置放在页面上逻辑上存在的位置。
3）自定义网格中每个项目的位置。
4）其他人？
其他一些信息：
当前代码：
https://gist.github.com/jwaldrip/14b412bf8e6a2ed48e5c2f7c6a4ffea6