使用无限滚动返回页面，直到用户离开页面的相同位置

Question

我使用了react-infinite-scroll-component，它工作得很好。 但是，我想避免让用户在离开页面并单击时丢失其滚动位置？ 另外，请考虑使用Firefox和Safari。

Answer 1

不是100％的确定，因为我没有使用过它-但是由于没有其他人插入... docs说组件有一个名为key的道具，描述为：< / p>

  

显示当前数据集的键，当相同时使用   组件可以在不同时间显示不同的数据集，   默认=未定义

此外，它还有一个名为onScroll的道具，描述为：

  

一个函数，它将在滚动时监听滚动事件   容器。请注意，滚动事件受到限制，因此您可能不会   收到您期望的事件。

...我怀疑其中的一个参数会告诉您它加载/滚动了哪些键。

因此，我的方法是使用componentWillUnmount将最后加载的键保存到父属性（如果使用Redux，则为Redem存储，如果使用Redux，则为Redux存储）...以及加载组件时，如果key存在于父目录（如果使用Redux，则为Redem存储，如果使用Redux，则为Redux存储），然后将该键传递给它。