title: Scrolling area cut off when using padding-top
body: <p>I'm working with a bootstrap template that has a fixed header, the content is set off using <code>padding-top</code> in order not to be hidden by that header, see <a href="http://plnkr.co/edit/21yMvlGhGaHn5ENRkrml?p=preview" rel="nofollow">this plnkr</a> to get an idea.</p>
  
  <p>The body has <code>overflow</code> set to <code>hidden</code> so that all the other parts of the UI (sidebar, context menu etc.) are confined to the current browser viewport.</p>
  
  <p>The trouble starts if I enable <code>overflow-y</code> for the content, I tried to set <code>height</code> to <code>100vh</code> and although that brings the scrollbar back, the content is cut off at the bottom, which is totally plausible but I have no idea what to do about it.</p>
  
  <p>Is there a straightforward solution? </p>