判断鼠标滚轮的方向,有着两个:一是谷歌、IE(这次IE没有搞特殊);二是火狐
1、在谷歌、IE中,给我们提供了onmousewheel方法,该方法给我们提过了一个wheelDelta属性,该属性的返回值:正值与负值,其中正值表示滚轮向上滚动;负值表示滚轮向下滚动。
2、而在火狐中,给我们提供了DOMMouseScroll方法,该方法给我们提供了一个detail属性,该属性的返回值:正值与负值,其中正值表示滚轮向下滚动;负值表示滚轮向上滚动。
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){ //判断浏览器IE,谷歌滑轮事件
if(e.wheelDelta>0){ //当滑轮向上滚动时
alert("滑轮向上滚动");
}
if(e.wheelDelta<0){ //当滑轮向下滚动时
alert("滑轮向下滚动");
}
}else if(e.detail){ //Firefox滑轮事件
if(e.detail>0){ //当滑轮向下滚动时
alert("滑轮向下滚动");
}
if(e.detail<0){ //当滑轮向上滚动时
alert("滑轮向上滚动");
}
}
}
//给页面绑定滑轮滚动事件
if(document.addEventListener){//firefox
document.addEventListener("DOMMouseScroll", scrollFunc, false);
} else {
//滚动滑轮触发scrollFunc方法 //ie 谷歌
window.onmousewheel=scrollFunc;
}