title: prevent window for scrolling after div box scrolling
body: <p>I have a small div box that has a vertical scroll bar and sits within an html page that also has a vertical scroll bar.</p>
  
  <p>My problem is when the user reaches the end of the small DIV box scrolling, the ENTIRE html page that contains the div box then begins to scroll (assuming the user is scrolling via the mouse scroll and NOT by actually clicking the DIV box scroll buttons themselves)</p>
  
  <p>is there a way to prevent the entire html page from scrolling once a user reaches in end of my small DIV box scroll?  Any help would be much appreciated!  Thank you!</p>
  
  <p>I have tried this (but it cancels scrolling for even the div box):</p>
  
  <pre><code>if (window.addEventListener)
      /** DOMMouseScroll is for mozilla. */
      window.addEventListener('DOMMouseScroll', handleWheelEvent, false);
  /** IE/Opera. */
  window.onmousewheel = document.onmousewheel = handleWheelEvent;
  
  function handleWheelEvent(e){
      e.preventDefault();
  }
  </code></pre>