title: jQuery disable scroll when mouse over an absolute div
body: <p>I'm trying to disable the window mouse scroll functionality when the mouse is hovering over the div - so that only div scrolling is enabled - and when mouse moves away from the div - scrolling to the window is applied again. The div is positioned absolutely.</p>
  
  <p>I've seen this post <a href="https://stackoverflow.com/q/5236633/464709">use jquery to disable mouse scroll wheel function when the mouse cursor is inside a div?</a> but it doesn't seem to provide any answer - hence my question.</p>
  
  <p>I'm assuming it would be something like this (if only these methods existed):</p>
  
  <pre><code>$('#container').hover(function() {
       $(window).scroll().disable();
       $(this).scroll().enable();
  }, function() {
       $(window).scroll().enable();
  });
  </code></pre>