title: How to scroll a part of the page when the mouse is over other parts of the page?
body: <p>Please have a look at <a href="http://www.applegrew.com/so_sample1/" rel="nofollow">my sample page</a>.</p>
  
  <p>On that page notice the portion with the gibberish text. This is the "content part" which is meant to be scrolled. All other parts are supposed to be fixed.</p>
  
  <p>If you move your mouse over the left navigation or the header and try to scroll, then naturally nothing happens.</p>
  
  <p>How do I make the content part scroll even when the user's mouse is over the header or left navigation or any other fixed parts?</p>
  
  <p><strong>PS.</strong> I am trying to imitate Google Plus here. They seemed to have a <code>scroll</code> listener, but the Javascript code is too mangled for me to understand.</p>