document.getElementById('mainbox').onmousewheel = function(event) {
//当前的div的id为‘mainbox’
if (!event) event = window.event;console.log("scrollTop:"+this.scrollTop);//当前div的滚动条高度
console.log("event.wheelDelta:"+event.wheelDelta);//每次滚动时变化的高度
console.log("event.detail:"+event.detail);//同上,是兼容写法,滚动时变化的高度,和上一行的数据的值是不一样的
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);//直接设置滚动条高度
console.log("after_this.scrollTop:"+this.scrollTop);
return false;//取消滚动条的默认行为,就是不让他执行默认的滚动
};
相当于自定义了滚动事件,可以理解为去掉了当滚动到头部和底部时触发上层的滚动条事件,一直在做滚动处理。