onScroll 事件如何处理滚动 “之后” 的事件？

Question

需要在 table 容器中检测 onScroll 事件，当表格内容滚动时，设置表格背景为 red，当滚动结束后，恢复表格背景颜色，如（white）。

下列代码中，假设 handleScroll 就是处理 onScroll 事件的函数：

const handleScroll = e => {
  // do something
};

可以实现这个功能吗？

Answer 1

鼠标的：用setTimeout，滚动事件触发后，清除上一个定时器，然后再新定时一段时间，时间到了就是滚动结束（因为定时中途没有再进行滚动）

touch的：监听touchstart、touchmove、touchend，只要touchstart触发了就清除上一个定时器，touchend触发后，然后再新定时一段时间，时间到了并且中途有touchmove操作就是滚动结束（因为定时中途没有再进行touch操作）