解决chrome浏览器中鼠标滚轮滚动事件失效的问题

今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中，鼠标滚轮上下滚动时，页面不动的问题，后查询相关资料后解决，具体方法是加入如下代码：

<script type="text/javascript">
    var scrollFunc = function(e) {
        var direct = 0;
        e = e || window.event;
        var value = 0;
        if(e.wheelDelta) {
            value = e.wheelDelta;
        } else if(e.detail) {
           value = e.detail;
        }
        // alert("滚动值为："+value);
        document.body.scrollTop -= value; //这一句是解决问题的根本
    }
    /**注册鼠标滚轮事件**/
    if(document.addEventListener) {
        document.addEventListener("DOMMouseScroll", scrollFunc, false);
    }
    window.onmousewheel=document.onmousewheel=scrollFunc;
</script>