滚动条响应鼠标滑轮事件实现上下滚动的js代码_javascript技巧

实现鼠标滚动滚轮事件：

<script type="text/javascript">
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120)
{
//向上滚动事件
alert(e.wheelDeta +"向上"); 

}else
{
//向上滚动事件
alert(e.wheelDeta +"向上");
}
}else if(e.detail){
//Firefox
if(e.detail==-3) {
//向上滚动事件<br>
alert(e.detail +"向上");
}else {
//向下滚动事件<br>
alert(e.detail +"向下 ");
}
}
};
if(document.addEventListener){
//adding the event listerner for Mozilla
document.addEventListener("DOMMouseScroll" ,scrollFunc, false);
}
//IE/Opera/Chrome
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索滚动条
， 上下滚动
鼠标滑轮
鼠标滑轮上下滚动失灵、鼠标滑轮上下滚动设置、鼠标滑轮上下滚动跳动、鼠标滑轮上下滚动失效、鼠标滑轮上下滚动不灵，以便于您获取更多的相关知识。