Question

关于鼠标滚轮滚动事件的问题

var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){
if(e.wheelDelta>0){
$("#a123").val(e.wheelDelta);
$("#b123").animate({"top":"+=100px"}，1000);
}
else{
$("#a123").val(e.wheelDelta+'123');
$("#b123").animate({"top":"-=100px"},1000);
}
}
else if(e.detail){
if(e.detail>0){
$("#a123").val(e.detail);
$("#b123").animate({"top":"+=100px"},1000);
}
else{
$("#a123").val(e.detail+'123');
$("#b123").animate({"top":"-=100px"}，1000);
}
}
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=scrollFunc;//IE/Opera/Chrome

鼠标滚动一下，执行一次程序，但是我想在#b123向上或向下滚动的过程中，鼠标滚轮事件是无效的，不然它会一直动，求大神们指点！

Answer 1

做个变量 var done=true ,scrollFunc事件里第一步就判断done为true时继续运行,否则跳出.
animate之前或之后done=false(从此,事件无效)
animate增加一个callback,使done=true(也就是动画结束,事件会继续有效)

追问

那个，可以写下详细的代码吗？我代码能力很差···
类似小米4的那种效果，就是鼠标滚动，背景向上移动的过程中，鼠标滚动是会执行代码的

追答

var done=true ;

var scrollFunc=function(e){
if(done)
{
......
done=false;
$("#b123").animate({"top":"+=100px"},1000,function(){done=true});
....
}
}
大概如此了,未检测

Answer 2

电脑鼠标滚轴滚轮技巧教程，窗口文件桌面图标网页放大缩小滚屏