title: Fancybox to the center of the screen
body: <p>I show a pop-up with javascript Fancybox on page load. My problem is, that pop-up shows at the <strong>center of the web page</strong> <strong>and not at center of the screen</strong>. So pop-up is actually moved down and user do not see it, until he scroll down. But I also included centerOnScroll, so pop-up goes down, when you scroll down and you can not see it in any way.
  Could someone help me to place my pop-up to the center of the screen? Thanks a lot!</p>
  
  <p>Here is my part of code:</p>
  
  <pre><code>$("#hidden-link").fancybox({
      centerOnScroll: true,
      overlayColor: "#000",
      overlayOpacity: 0.9,
      modal: true
  
  }).trigger('click');
  </code></pre>