title: jQuery or Javascript - how to disable window scroll without overflow:hidden;
body: <p>Hi is it possible to disable window scrolling without using <code>overflow:hidden;</code> when i'm hover an element?</p>
  
  <p>i tryed :</p>
  
  <pre><code>$('.chat-content').on('mouseenter',function(){
      $(document).scroll(function(e){
          if(!$(e).hasClass('.chat-content'))
          e.stopPropagation();
          e.preventDefault();
      });
  });
  </code></pre>
  
  <p>i mean, i want to leave visible the scrollbar but when i scroll out of the element i'm over with mouse the window doesn't scrolls, while the element i'm over can scroll</p>
  
  <p>So disable scroll for body but not for element i'm over without using css</p>
  
  <p>here is another try i did: <a href="http://jsfiddle.net/SHwGL/">http://jsfiddle.net/SHwGL/</a></p>