通过无限滚动鼠标滚轮事件滚动整个页面

Question

使用用户滚动到表的底部，并且下一组数据尚未完成加载，请在大量内容中使用React-Virtualise table与infinite scroll一起使用CC_2在窗户上冒泡，窗户继续滚动越过桌子。

有没有办法拦截鼠标车轮事件来调用preventDefault？这可以检查用户是否在表的底部以及是否防止冒泡。

onScroll Prop提供了一些信息，但没有事件，似乎没有一种方法可以访问通过道具处理滚动的网格元素上的onWheel事件。

Answer 1

您可以用通常的方式拦截并防止事件以通常的方式冒泡，围绕Table。

<div onClick={yourHandlerThatPreventsDefault}>
  <Table {...props} />
</div>
<!-- Other Tables here ... -->