jquery - Jquery colorbox 无法推送stickyfooter

Question

我有一个网站使用jquery colorbox。

但是我的颜色框div's height高于窗口大小。

颜色框z-index位于顶部。因此它不能推动 my css sticky footer.

有什么办法可以解决这个问题吗？或者当用户单击颜色框并在用户关闭框后将其放回时，是否可以删除页脚。

#container{
    min-height:100%; height: 100%; height: auto !important;
    width:1110px; overflow:hidden;
    margin: 0 auto;
}
#footer{
    position:relative;
    left: 0;
    bottom: 0;
    height:50px; width:100%; background:#4D4D4D;
}

Answer 1

从colorbox 文档开始，您可以使用cbox_load和cbox_closed事件。

$(document).bind('cbox_load', function() { 
   $('#footer').hide(); 
});

$(document).bind('cbox_closed', function() { 
   $('#footer').show(); 
});

或者您可以使用onLoad,onClosed回调。