mousewheel

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mousewheel相关的知识,希望对你有一定的参考价值。

判断鼠标往上还是往下滚动

html代码:

<div class="div">

</div>

css代码:

.div{
  position:absolute;

  width:100%;

  height:120%;

  border:1px red solid;

}

js代码:

/IE CHORME/

document.body.onmousewheel=function(event){

  event=event||window.event;

  var direction=event.wheelDelta&&(event.wheelDelta>0?"mouseup":"mousedown");

  console.log(direction);

}

 

/firefix/

document.body.addListener(‘DOMMouseScroll‘,function(event){

  var direction=event.detail&&(event.detail>0?"mousedown":"mouseup");

  console.log(direction);

}

以上是关于mousewheel的主要内容,如果未能解决你的问题,请参考以下文章