1. 程式人生 > >mousewheel,DOMMouseScroll判斷滾輪滾動方向

mousewheel,DOMMouseScroll判斷滾輪滾動方向

wheel var gin 綁定 delta 鼠標滾輪 span dom body

firefox使用DOMMouseScroll,其他瀏覽器使用mousewheel

首先綁定一個滾動事件

//firefox使用DOMMouseScroll,其他瀏覽器使用mousewheel
$(document).bind(mousewheel DOMMouseScroll,mouseScroll);

當滾動時獲取wheelDelta值,firefox使用detail:值為下滾3上滾-3,其他瀏覽器使用wheelDelta:值為下滾-120上滾120,通過判斷其值為正或者負即可判斷鼠標滾輪上滾還是下滾。

function fullscreenScroll(e){
    var delta = -e.originalEvent.wheelDelta || e.originalEvent.detail;//
firefox使用detail:下3上-3,其他瀏覽器使用wheelDelta:下-120上120//下滾 if(delta>0){ console.log(下滾); } //上滾 if(delta<0){ console.log(上滾); } }

mousewheel,DOMMouseScroll判斷滾輪滾動方向