mousewheel,DOMMouseScroll判断滚轮滚动方向
Posted 天天饱
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(‘上滚‘); } }
以上是关于mousewheel,DOMMouseScroll判断滚轮滚动方向的主要内容,如果未能解决你的问题,请参考以下文章