title: mousewheel event doesn't fire over body in Chrome
body: <p>I've noticed the <strong>mousewheel</strong> event doesn't fire when using the mouse wheel over the body instead of over any other element when <strong>using the latest version of Chrome</strong>. (38.0.2125.104 m).</p>
  
  <p>This happen when using absolute positioned elements.</p>
  
  <p>You can reproduce it in <a href="http://jsfiddle.net/e9pz1bec/2/" rel="nofollow">this fiddle</a> by scrolling in the white area instead of in the red ones.</p>
  
  <p>Any idea why is this happening? Any solution for it?</p>
  
  <p>Used code for the fiddle:</p>
  
  <pre><code>addMouseWheelHandler();
  
  function addMouseWheelHandler() {
      if (document.addEventListener) {
          document.addEventListener("mousewheel", MouseWheelHandler, false); //IE9, Chrome, Safari, Oper
          document.addEventListener("wheel", MouseWheelHandler, false); //Firefox
      } else {
          document.attachEvent("onmousewheel", MouseWheelHandler); //IE 6/7/8
      }
  }
  
  
  
  function MouseWheelHandler(e) {
      e = window.event || e;
  
      var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.deltaY || -e.detail)));
      console.log("mouse wheel!" + delta);
  
      return false;
  }
  </code></pre>