title: Remove bounce on scroll in browser, issue with position:fixed div
body: <p>I'm trying to remove the bounce when scrolling in chrome. You'll notice the top white black is fixed and behind the second yellow block as desired.</p>
  
  <p>What I need to do is remove the scroll to reveal the grey background in the browser without preventing the scroll over the top white block. Hope it makes sense</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="project"&gt;
  &lt;/div&gt;
  
  &lt;div id="content"&gt;
  
      &lt;div class="warface"&gt;   
      &lt;/div&gt;&lt;!-- END warface --&gt;
  
  &lt;/div&gt;&lt;!-- END content --&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/VFG9s.png" alt="enter image description here"></p>