javascript - colorbox jquery lightbox 随父窗口滚动

Question

我正在使用 colorbox jquery lightbox。

当前，当使用

打开模式时，主窗口滚动被禁用

$(document).bind('cbox_open', function () {
    $('html').css({ overflow: 'hidden' });
}).bind('cbox_closed', function () {
    $.colorbox.remove();
    $('html').css({ overflow: 'auto' });
});

但我认为这还不够好。

我想要这样，当模式打开时，它将滚动从模式转移到主窗口

例如 bootstrap modal 3: http://jsfiddle.net/NUCgp/183/

任何帮助将不胜感激。

Answer 1

您是否尝试过将滚动选项设置为 false？

如果为 false，Colorbox 将 overflow hidden 内容的滚动条。如果您要将内容附加到已打开的 Colorbox 实例，则可以将其与调整大小方法(见下文)结合使用，以实现更平滑的过渡。

从这里:http://www.jacklmoore.com/colorbox/

该 API 还具有调整大小功能。如果您有动态内容，您可以将窗口大小调整为内容的大小，这不会导致灯箱内发生任何滚动。