监听滚动事件

useEffect(() => {
    window.addEventListener("scroll", handlerScroll);
    //    给页面绑定鼠标滚轮事件,针对火狐的非标准事件
    window.addEventListener("DOMMouseScroll", handlerScroll);
    //    给页面绑定鼠标滚轮事件，针对Google，mousewheel非标准事件已被弃用，请使用 wheel事件代替
    window.addEventListener("wheel", handlerScroll);
    //    ie不支持wheel事件，若一定要兼容，可使用mousewheel
    window.addEventListener("mousewheel", handlerScroll);
    return ()=>{
      window.removeEventListener('scroll', handlerScroll);
      window.removeEventListener('DOMMouseScroll', handlerScroll);
      window.removeEventListener('wheel', handlerScroll);
      window.removeEventListener('mousewheel', handlerScroll);
    }
  }, []);
 
//这里的handlerScroll()函数用来放需要被监控的滚动事件