今天在开发的过程中为了有更好的用户体验,使用了滚轮事件,发上来跟大家分享一下。分别是:onmousewheel和onDOMMouseScroll两个事件
说明:
onmousewheel:IE下的滚轮事件
onDOMMouseScroll: Firefox滚轮事件
$(
"
#js_abb_box
"
).bind(
"
mousewheel
"
,
function
(e){
move(e.wheelDelta != 120 , 30 );
// 当滚轮向下滚的时候 e.wheelDelta = -120,向上滚e.wheelDelta = 120
})
$( " #js_abb_box " ).bind( " DOMMouseScroll " , function (e){
alert(e.detail); // 当滚轮向下滚的时候 e.detail= 3,向上滚e.wheelDelta = -3
})
move(e.wheelDelta != 120 , 30 );
// 当滚轮向下滚的时候 e.wheelDelta = -120,向上滚e.wheelDelta = 120
})
$( " #js_abb_box " ).bind( " DOMMouseScroll " , function (e){
alert(e.detail); // 当滚轮向下滚的时候 e.detail= 3,向上滚e.wheelDelta = -3
})