jquery - 关闭前一个后在页面上打开另一个 fancybox

Question

我使用的是 fancybox 版本 2.1.5。当我打开 fancybox 时，我注意到 .fancybox-wrap div 位于 .fancybox-overlay div 内。如果我在同一页面上打开另一个 fancybox，则 .fancybox-overlay div 现在位于 .fancybox-wrap div 的外部和上方。

我对第一个和第二个 fancybox 的定义是相同的，如下所示:

$.fancybox({
    href        : '#my_div',
    autoSize    : true,
    fitToView   : false,
    padding     : 0,
    fixed       : true,
    autoCenter  : false,
    topRatio    : 0.5,
});

如果 .fancybox-wrap div 位于 .fancybox-overlay div 内部并且我滚动页面，则当 fancybox 内容大于窗口时，只有 fancybox 滚动，背景内容保持静态

但是，当它位于 .fancybox-overlay 之外时，当我滚动 fancybox 时，其后面的内容也会滚动。

如何防止页面向后滚动。

当您检查DEMO时在这个问题中，与 fancybox 网站上的演示相比，换行 div 位于覆盖 div 之外。

Answer 1

首先，DEMO你引用(我的演示)使用fancybox v2.0.6；从那时起，情况发生了变化。

其次，.fancybox-wrap div 位于 .fancybox-overlay 内部或外部的事实取决于助手覆盖状态:

默认值为true，例如:

helpers: {
    overlay : {
        locked: true
    }
}

...因此 .fancybox-wrap div 将INSIDE .fancybox-overlay div。

另一方面，如果您在自定义脚本中将该值设置为 false，则 .fancybox-wrap div 将OUTSIDE .fancybox-overlay div。

注意，在第二种情况下 (false)，您将能够滚动 fancybox 后面的页面。

<强> DEMO 使用v2.1.5