title: How to prevent scrolling of the body content when bootstrap modal is open
body: <p>I am using Angular UI Bootstrap <a href="http://angular-ui.github.io/bootstrap/#/modal" rel="noreferrer">Modal box</a>. When the modal opens the body has a scroll. When I scroll the content behind the modal also scrolls. </p>
  
  <p>I can set overflow: hidden to the body tag and this solves the issue. However if I have alot of content within my modal I need a scroll to show. This scroll should not be inside the modal i.e When I use the page scroll the modal should only scroll and not the content.  <a href="http://plnkr.co/edit/7so09g5TOpw6VL65nXFK?p=preview" rel="noreferrer">Plunker here</a></p>