滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel。需要注意的是,FireFox浏览器的方向判断的数值的正负与其他浏览器是相反的。FireFox浏览器向下滚动是正值,而其他浏览器是负值。
//Firefox
obj.onmousewheel = scrollMove;
function scrollMove(evt){
var div = this;
if(evt.wheelDelta < 0) {//滚轮向下滚动
} else {//滚轮向上滚动
}
return false;
}
//chrome
obj.addEventListener('DOMMouseScroll',scrollMoveFirefox,false);
function scrollMoveFirefox(evt){
var div = this;
if(evt.detail > 0) {//滚轮向下滚动
} else {//滚轮向上滚动
}
return false;
}
浙公网安备 33010602011771号