页面弹框，禁止背景元素滚动（只禁止了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/