Fancybox到屏幕的中心

Question

我在页面加载时显示一个带有javascript Fancybox的弹出窗口。我的问题是，该弹出窗口显示在网页的中心 而不是屏幕的中心。所以弹出窗口实际上是向下移动而用户没有看到它，直到他向下滚动。但是我也包含了centerOnScroll，所以弹出窗口向下，当你向下滚动而你无法以任何方式看到它时。 有人可以帮我把弹出窗口放到屏幕中央吗？非常感谢！

以下是我的代码部分：

$("#hidden-link").fancybox({
    centerOnScroll: true,
    overlayColor: "#000",
    overlayOpacity: 0.9,
    modal: true

}).trigger('click');

Answer 1

虽然从技术上讲这不是一个答案。我的第一个建议是升级并使用最新版本的fancybox。

方法＆＃34; centerOnScroll＆＃34;是来自Fancybox 1 - 我建议使用版本2而不是修复版本1有很多问题。您可能会发现只需升级到最新版本即可解决您的问题。

版本2可在此处获得，并具有许多新功能：http://fancyapps.com/fancybox/

了解如何继续使用第2版。如果您仍然遇到问题，请向我们展示更多代码。

祝你好运！

Answer 2

您唯一需要做的就是添加到网站css

html, body {height: 100%;}

fancybox会将图像定位在屏幕中心。