Fancybox 到屏幕中央

Question

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

这是我的部分代码：

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

}).trigger('click');

Answer 1

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

方法 "centerOnScroll" 来自 Fancybox 1 - 我建议使用版本 2，它修复了版本 1 存在的许多问题。您可能会发现只需升级到最新版本即可解决您的问题。

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

看看您如何使用版本 2。如果您仍然遇到问题，请向我们展示更多您的代码。

祝你好运！

Answer 2

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

html, body {height: 100%;}

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

Fancybox 到屏幕中央

Fancybox to the center of the screen

javascript

jquery

fancybox