title: Disable scrolling on mousedown-mousemove (Jquery / javascript)
body: <p>So i want to disable the window scrolling on mousedown+mousemove, i searched everywhere, but i can't find anything.</p>
  
  <p>body { overflow: hidden } doesn't work, you can still scroll if you press the mouse, and you go down.</p>
  
  <p>The problem i have, is that on clicking on an image thumb, it opens a positioned absolute div (100% height &amp; width and a 50% black transparent .png) that shows the original image, and when i press the left mouse button and i move down, all the items behind the absolute div, start to scroll down.</p>
  
  <p>Here is an example of what is happening. <a href="http://jsfiddle.net/T2qBw/1/" rel="nofollow">http://jsfiddle.net/T2qBw/1/</a>
  (Click the black div, a position fixed div opens, press left click, and move down).</p>
  
  <p>Thanks in advance.</p>
  
  <p>PS: I apologize if i made any grammar or spelling mistake. (English isn't my native language)</p>