0
点赞
收藏
分享

微信扫一扫

监听滚动事件

千行 2023-11-07 阅读 31
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()函数用来放需要被监控的滚动事件
举报

相关推荐

0 条评论