title: Scrollable overlay
body: <p>I'm using <a href="http://jquerytools.org" rel="nofollow">http://jquerytools.org</a> overlay.<br>
  I've found here way to stop the page behind jquery tools overlay from scrolling and it's great until my element in overlay is not higher then my screen.<br>
  I know that it's possible because in <a href="http://pinterest.com" rel="nofollow">http://pinterest.com</a> it's working like I want. I was looking in their code, but was unable to understand how to make it.<br>
  Any real (simple) example how to do this?</p>