title: How to prevent outside scrolling when using fancybox with ajax content?
body: <p>I am using <a href="https://github.com/fancyapps/fancyBox" rel="nofollow">fancyBox</a> to load Ajax content as:</p>
  
  <pre><code>&lt;a href="/example.html" class="fancybox fancybox.ajax"&gt;Example&lt;/a&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
      $('.fancybox').fancybox();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The documentation says that you can prevent outside scrolling if you set:</p>
  
  <pre><code>scrollOutside = false
  </code></pre>
  
  <p>But this does not work when loading ajax content.</p>
  
  <p>How can I prevent that the scrolling outside of the fancyBox does not appear when the fancyBox is visible?</p>