title: How to hide the body scroll bar when showing modal dialog?
body: <p>My home page has a lot of content. When I create any modal dialog, the body content scroll bar is visible and when we scroll, it scrolls down to the bottom of the page. </p>
  
  <p>In the dialog I also have to display a lot of content. So, if I can hide the body scroll bar and show only modal's scroll bar means, it would be a nice user experience. </p>
  
  <p>The idea is, when showing a modal dialog and some scrollable content on top of it, to disable the main page scroll bar and only show the scroll bar for currently visible modal div.</p>
  
  <p>What do I have to do to hide the body content scroll bar and show one in the modal div.</p>
  
  <p>My client side is full of JavaScript &amp; jQuery.</p>
  
  <p>Any suggestions would be appreciative!</p>