title: Prevent dialog on mobile screen from scrolling the body
body: <p>I'm displaying a dialog on a mobile screen that's longer than the size of the screen (so it scrolls).</p>
  
  <p>Here's the problem: When you scroll past the bottom of the dialog (I happen to be using Bootstrap 3), I expect it to just stop. Instead, it starts scrolling the underlying body. I've tried everything that's been suggested in <a href="https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened">this</a> recommended solution, and it still doesn't freaking work!</p>
  
  <p><strong>Here's a live demo of the issue on JSbin, for your viewing pleasure</strong></p>
  
  <p><a href="http://jsbin.com/EdAhAsU/1/" rel="nofollow noreferrer">http://jsbin.com/EdAhAsU/1/</a></p>
  
  <p>Note: To reproduce the issue, access it using a mobile - any mobile - and attempt to scroll past the end of the dialog. Tried it on Android, and iPhone - doesn't work for either.</p>
  
  <p>Thanks!</p>