相对于 Fancybox 增加车身高度

Question

我使用 Fancybox 在 Intranet 站点上显示复杂的表单。 Fancybox 表单的启动页面使用数据表来过滤和排序数据库中的大量记录。当对列表进行显着过滤并加载 Fancybox 时，Fancybox 内容可能会超出页面正文。这会导致 Fancybox 覆盖不显示的白色区域。

除了丑陋之外，您还无法单击该区域来关​​闭 Fancybox。

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

谢谢！

编辑： 以下 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;

Answer 2

计算fancybox的高度，假设fancybox id是fancyboxy1，

fancyBoxHeight=$('#fancyboxid').height(); 

// determine how much width you want//

finalheight=fancyBoxHeight+300 or 400

 $('body').css('height', finalheight);

则需要执行上面的代码，显示fancybox后，它会根据需要设置高度。