锁定当前div的鼠标滚动事件

页面有如下div

<div id="content"></div>

给该div绑定如下事件

$('#content').bind('mousewheel',function(event) {
  if (!event) event = window.event;
  this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
  return false;
});

这时，鼠标在该div区域滚动时，页面不会滚动。
参考资料：请教控制滚动 div 的同时不滚动页面， 当 div 滚动到底部时同样不滚动页面！