mousewheel,DOMMouseScroll判斷滾輪滾動方向


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('上滾');
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM