React实现/库为无限卷轴？

Question

我正在寻找为React项目构建一种“无限卷轴”（如果这是正确的术语），这与this ESPN link上的内容非常相似。

或者至少使得显示基于正在查看的文章/组件上下移动的“滚动条”变得更简单。无法正确表达这一点以收集良好的搜索结果，所以我正在寻求建议。

Answer 1

您可以使用react-waypoint构建它，即：

  

每当滚动到元素时执行函数的React组件。适用于所有可以滚动的容器，包括窗口。

它的工作原理如下：

<Waypoint
  onEnter={this._handleWaypointEnter}
  onLeave={this._handleWaypointLeave}
/>

这是一个jsfiddle，可以看到它的实际效果。