title: A way to scroll an underlying div when mouse is on top of a fixed div?
body: <p>The question is so long that coming up with a title that summarises it proved tricky.</p>
  
  <p>So anyway. I have a <code>div</code> that has <code>overflow: auto</code> and that frequently does flow over so the scrollbar appears. Then I have a <code>div</code> that has <code>position: fixed</code> and is positioned on top of the content <code>div</code>.</p>
  
  <p>Now when I have a fixed-positioned <code>div</code> over the html body itself, I can scroll the document with the wheel when I have my mouse over the <code>div</code>. Not so lucky with the aforementioned <code>div</code>.</p>
  
  <p>Is there a way to scroll the <code>div</code> "through" the fixed-positioned one?</p>
  
  <p>I noticed that even catching the scroll event when over the fixed div isn't easy; the event isn't fired unless the fixed div itself is scrollable.</p>
  
  <p>I made a simple jsFiddle <a href="http://jsfiddle.net/N2zbm/" rel="noreferrer" title="here">here</a> and for your convenience stripped it of all the JavaScript I tried.</p>
  
  <p>Edit: I need to retain other mouse functions with the fixed div so turning pointer-events off isn't the solution in my case.</p>