title: how to fix overlay background height according to fancybox content height (large overlay or a scrolling page.)
body: <p>please any one tell me how to fix overlay background height(overlayOpacity portion) according to fancybox content height(means no extra spaces to top and bottom of the fancybox) and i'm using fancybox 2(latest version)</p>
  
  <p>code:</p>
  
  <pre><code>jQuery.fancybox({                           
     'scrolling': 'no',
     'hideOnContentClick': true,
     'autoSize'    : true,
     'fitToView'  : false,
     'height' : '100%',
     'hideOnOverlayClick' : true,
     'content' : jQuery('.EngpopupContent'),
     'overlayShow' : true,
     'overlayOpacity' : 0.9,
     'overlayColor' : '#000',
     'transitionIn' : 'elastic',
     'transitionOut' : 'elastic',
     'changeFade' : 'fast',
     'easingIn' : 'swing',
     'easingOut' : 'swing',
     'showCloseButton' : true,
     //'showNavArrows' : true,
     'enableEscapeButton' : true,
     'onStart': function(){
         jQuery("#fancybox-overlay").css({"position":"fixed"});
     }
  }); 
  </code></pre>
  
  <p>reference <a href="http://www.carid.com/ace-wheels/concept-5-silver-480984.html" rel="nofollow">link</a></p>
  
  <p>i need to be working fancybox exact like above reference url... Please click on "Please Select Product options" button</p>
  
  <p>Please help me anyone...</p>