title: Sticky footer covers content
body: <p>I have the problem that the content hides behind the footer. I saw if I change the position from fixed tot inherit it helps, but the footer will be at the bottom of the page. I want to see the footer at all times and only be able to scroll the body content.</p>
  
  <p>We are using AngularJS and Bootstrap</p>
  
  <p><a href="https://i.stack.imgur.com/U1FQe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U1FQe.png" alt="image explaining my problem"></a></p>