相对于Fancybox增加身高

Question

我使用Fancybox在Intranet站点上显示复杂的表单.Fancybox表单的页面是使用Datatables来过滤过滤器并对数据库中的大量记录进行排序.当列表被显着过滤并加载Fancybox时,Fancybox内容可能会超出页面正文.这会导致Fancybox叠加层未显示的白色区域.

除了丑陋之外,您无法单击此区域以关闭Fancybox.

使用CSS,Javascript或两者,将页面主体增长到至少Fancybox的高度的最佳方法是什么？

谢谢!

编辑:下面的Gov解决方案是正确的,但没有解决问题.实际上,需要增加Fancybox覆盖层本身的高度.我现在认为这是Fancybox的一个错误.看起来如果身体因Fancybox尺寸而增长,那么叠加层应该自动增加到身体尺寸.我会将此提交给开发人员.与此同时,如果有人有这个问题Gov的代码,因为我已修改它将工作:

// Adjust Fancybox Overlay Height to Large Fancyboxes
function overlayHeight() {
  fancyBoxHeight = $('#fancybox-wrap').height(); 
  finalheight = fancyBoxHeight + 300;
  $('#fancybox-overlay').css('height', finalheight);
}

我还想注意Fancybox是一个非常好的插件,所以不应该让任何人反对使用它!

Answer 1

我刚刚发现修改CSS有效.

#fancybox-overlay {
    position: fixed; //I just changed the position to fixed, and voila
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;