title: Prevent parent scroll when in child div
body: <p>When I scroll to the bottom of the child <code>div</code>, the <code>body</code> element starts scrolling.</p>
  
  <p>How can I prevent this? I only want the <code>body</code> to scroll when the cursor is over it.</p>
  
  <p>Example: <a href="http://jsfiddle.net/5mmay/" rel="noreferrer">JsFiddle</a> </p>