title: Can't scroll when mouse is on top of fixed div
body: <p>I have a fixed div but whenever my mouse is on top of it, I can't scroll the <code>&lt;body&gt;</code>. Only when the mouse is off can I then scroll the rest of the page. How can I get it so that I can scroll even with my mouse on the fixed div?</p>
  
  <p><em>EDIT</em> Here's a fiddle. Press the first button then put your mouse over the title and try to scroll down. <a href="https://jsfiddle.net/qhrmtass/9/" rel="nofollow">https://jsfiddle.net/qhrmtass/9/</a></p>
  
  <pre><code>.title {
     top:55%;
     position:fixed;
     width:100%;    
     z-index:1;
  }
  </code></pre>