title: Fixed side bar is not scrolling with page contents
body: <p>I've a fixed side bar on the right side of the page (<code>position: fixed</code>)
  But it's contents are not fully visible as it's not scrolling with the page scroll. I could have added <code>overflow-y: scroll</code> in the <code>.sidebar{}</code> css settings. But don't want a separate scroll bar for sidebar. Is there an option to make it scroll with the full page scroll.</p>
  
  <p>Here is my css settings for sidebar :</p>
  
  <pre><code>.sidebar {
    text-align: center;
    padding: 2rem,1rem;
    color: rgba(255,255,255,.5);
    background-color: #202020;
    top: 0;
    bottom: 0;
  }
  </code></pre>
  
  <p>If you want to debug to see what went wrong, here is it running live : <a href="https://pagefault.me" rel="nofollow noreferrer">https://pagefault.me</a></p>
  
  <p>Thanks</p>