title: jQuery simplemodal disable scrolling
body: <p>I have more than 2000 pixels scrolling content on a page.</p>
  
  <p>If the user clicks a <code>div</code> a scrolling content pops up in a simplemodal window. Now my client wants to make the original page non-scrollable while the modal window is up. (Of course the modal should be still scrollable.)</p>
  
  <p>Is it even possible?</p>
  
  <p>Edit: I have tried your suggestions. Basically it works, but the problem is a little bit complicated:</p>
  
  <pre><code>$(".foReadMoreLink a").click(function(){
      if ($('#modalBox').length == 0)
      $('body').append('&lt;div style="display:none" id="modalBox"&gt;&lt;/div&gt;')
      $('body').css({'overflow':'hidden'});
      $.post('jquery/loadarticle.php',{id:$(this).attr('id')},function(data){
          $('#modalBox').html(data).modal({overlayClose:'true'});
      })
      return false;
  });
  </code></pre>
  
  <p>I use return false on the links so bots and users without JavaScript (yes, that's 2%) can open the articles. With the code above it works as expected, but after closing the modal I have to have back the scrollbar but this code won't work:</p>
  
  <pre><code>$(".foReadMoreLink a").click(function(){
      if ($('#modalBox').length == 0)
      $('body').append('&lt;div style="display:none" id="modalBox"&gt;&lt;/div&gt;')
      $('body').css({'overflow':'hidden'});
      $.post('jquery/loadarticle.php',{id:$(this).attr('id')},function(data){
          $('#modalBox').html(data).modal({onClose:function(){$('body').css({'overflow':'auto'})},overlayClose:'true'});
      })
      return false;
  });
  </code></pre>