#### 此方法封装了鼠标向上/向下滚动时触发的函数，只需传入对应函数名 * * * * * ~~~ function scrollFunc(fnUp,fnDown){ //Firefox if(document.addEventListener) { document.addEventListener('DOMMouseScroll', scroll, false); } //IE及其他浏览器 window.onmousewheel = document.onmousewheel = scroll; function scroll(e) { e = e || window.event; //IE/Opera/Chrome if(e.wheelDelta) { if(parseInt(e.wheelDelta) > 0) { //鼠标向上滚动 if(fnUp){ fnUp(); } } else { //鼠标向下滚动 if(fnDown){ fnDown(); } } } else if(e.detail) { //Firefox if(parseInt(e.detail) > 0) { //鼠标向上滚动 if(fnUp){ fnUp(); } } else { //鼠标向下滚动 if(fnDown){ fnDown(); } } } } } //示例 scrollFunc(up,down); //向上滚动时触发的函数 function up(){ if(document.documentElement.scrollTop > 200){ console.log('向上滚动距离头部200px时触发函数'); } } //向下滚动时触发的函数 function down(){ if(document.documentElement.scrollTop > 300){ console.log('向下滚动距离头部300px时触发函数'); } } ~~~ #### 鼠标滚动函数\~\~L表示滚动距头部的距离，fn表示要执行的函数 * * * * * ~~~ function scrollFunc(L,fn) { //Firefox if(document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFun, false); } //IE及其他浏览器 window.onmousewheel = document.onmousewheel = scrollFun; function scrollFun(){ if(document.documentElement.scrollTop > L) { fn(); } } } //示例 scrollFunc(200,abc); function abc(){ console.log('滚动距离头部一定距离时触发函数'); } ~~~