页面弹框，禁止背景元素滚动（只禁止了mousewheel事件，鼠标还是可以拖动的）

$(document).get(0).addEventListener('mousewheel', removeWheelEvent, false);  

$('.middle').get(0).addEventListener('mousewheel', enAbleScroll, false);   
function enAbleScroll(e) {
    e.stopPropagation();
    e.cancelBubble = false;
    var obj = $('.middle').get(0);
    var delta = 0;
        
        if (e.wheelDelta) { /* IE/Opera. */
                delta = e.wheelDelta/120;
        } else if (e.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -e.detail/3;
        }
   console.log(delta);
     if($(obj).innerHeight() + $(obj).scrollTop() >= obj.scrollHeight) {
        console.log('bottom');
        if(delta < 0) {
           console.log('to bottom!!');
           e.preventDefault();
           return false;
        }
    }
    if($(obj).scrollTop() === 0) {
        console.log('top');
        
        if(delta > 0) {
           console.log('to top!!');
           e.preventDefault();
           return false;
        }
    }
    return false;
}
function removeWheelEvent (e) {
    console.log('ssss');
    e.stopPropagation();
    e.preventDefault();
    e.cancelBubble = false;
    return false;

}

转载：http://jsfiddle.net/21freestyle/BhRpe/1/