title: jQuery fancybox scrollbar
body: <p>I am using jQuery fancybox2.
  The contents of the fancybox is an image from Amazon S3.
  The URL of the image is set dynamically. 
  Some of the images are big and there is a slight delay in opening them.</p>
  
  <p>My problem is that first time when the fancybox loads it is not able to show the scrollbar if the height of the image is more than viewport height. If I dismiss the fancybox and open it again scrollbar appears.</p>
  
  <p>The code I am using is this (in CoffeeScript)</p>
  
  <pre><code>show: (offer) -&gt;
    options = {
      fitToView  : true,
      autoSize  : true,
      autoCenter :  true,
      closeClick  : false,
      height : 'auto',
      openEffect  : 'fade',
      closeEffect  : 'fade',
      scrolling : 'auto',
      afterShow: -&gt;
        $.fancybox.update()
    }
    $.fancybox($("div#imageModal"), options)
  </code></pre>
  
  <p>As you can see in afterShow I am calling update to resize the fancybox. The problem is that first time it calls afterShow before the s3 images finishes loading. From the next time as the image is cached in browser, it loads fast and fancybox adjusts its height and scrollbar appears.</p>
  
  <p>How to make the scrollbar appear the first time?</p>