阻止在div上滚动滚动条，到底部和顶部带动整个页面的滚动条

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;//取消滚动条的默认行为，就是不让他执行默认的滚动
            };

相当于自定义了滚动事件，可以理解为去掉了当滚动到头部和底部时触发上层的滚动条事件，一直在做滚动处理。