mousewheel,DOMMouseScroll判断滚轮滚动方向

63 阅读 0 评论 42 点赞

我是靠谱客的博主拉长雪碧，最近开发中收集的这篇文章主要介绍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('上滚');
    }
}