title: Prevent scroll of the page if pop-up is open
body: <p>I am using the jquery mobile pop up. This is inside the page. There is an image that opens this pop-up. Now how do I prevent the entire page from scrolling only if the pop-up is open and allow scrolling if the pop up is closed?</p>
  
  <pre><code>    &lt;a href="#settingsPopUp" data-rel="popup" data-position-to="window" data-inline="true" data-icon="gear"&gt;&lt;img src="settings1.jpg" alt="Settings"&gt;&lt;/a&gt;
  
      &lt;br&gt;
      &lt;div data-role="popup" id="settingsPopUp" data-theme="a" class="ui-corner-all"&gt;
          &lt;div style="padding:10px 20px;"&gt;
              &lt;h3&gt;Location Details&lt;/h3&gt;               
          &lt;/div&gt;          
      &lt;/div&gt;
  </code></pre>