如何在滚动事件中检测列表元素的结尾？

Question

如何在滚动事件中检测列表元素的结尾？假设我有数组 [1,2,3,4,5,6,7,8,9,10]，我需要检测滚动是否到达列表末尾，然后是 return 值（在本例中值为 10）？这是我的代码片段：https://codesandbox.io/s/react-window-detect-last-element-on-scrolling-down-oo99p

Answer 1

您可以为父级使用 onScroll 事件 div:

const onScroll = (event) => {
  var element = event.target;
  if (element.scrollHeight - element.scrollTop === element.clientHeight)
  {
      console.log(dataArray[dataArray.length - 1]);
  }
}

在 playground 中查看：https://codesandbox.io/s/react-window-detect-last-element-on-scrolling-down-c4sv0?file=/src/index.js

如何在滚动事件中检测列表元素的结尾？

How to detect the end of the list element on scroll event?

reactjs

react-window