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()函数用来放需要被监控的滚动事件
监听滚动事件
最新推荐文章于 2024-08-18 13:35:49 发布