如何根据fancybox内容高度（大覆盖或滚动页面）修复覆盖背景高度。

请任何人告诉我如何根据fancybox内容高度修复覆盖背景高度（overlayOpacity部分）（意味着没有额外的空间顶部和的fancybox的底部），我使用的fancybox 2（最新版本）如何根据fancybox内容高度（大覆盖或滚动页面）修复覆盖背景高度。

代码：

jQuery.fancybox({       
    'scrolling': 'no', 
    'hideOnContentClick': true, 
    'autoSize' : true, 
    'fitToView' : false, 
    'height' : '100%', 
    'hideOnOverlayClick' : true, 
    'content' : jQuery('.EngpopupContent'), 
    'overlayShow' : true, 
    'overlayOpacity' : 0.9, 
    'overlayColor' : '#000', 
    'transitionIn' : 'elastic', 
    'transitionOut' : 'elastic', 
    'changeFade' : 'fast', 
    'easingIn' : 'swing', 
    'easingOut' : 'swing', 
    'showCloseButton' : true, 
    //'showNavArrows' : true, 
    'enableEscapeButton' : true, 
    'onStart': function(){ 
     jQuery("#fancybox-overlay").css({"position":"fixed"}); 
    } 
});

参考link

我需要工作的fancybox确切像上面参考网址...请点击“请选择产品选项”按钮

请帮助我的人......

来源

2012-07-24 developer

在参考链接中，高度不是100％（它可能看起来像但不是），它的固定高度几乎与查看端口，但如果您减小视口大小，则需要向下滚动以查看内容。另外fancybox v2.x中的选项与v1.3.x不兼容（你正在使用这两个版本的选项） – JFK 2012-07-24 19:34:36

如果我理解正确，你需要从呈现的内容删除margin和padding。您可以通过添加两个选项，你的配置

jQuery.fancybox({ 
//other options 
'padding': 0, 
'margin' : 0, 
//other options

欲了解更多信息请访问http://fancybox.net/api

后来编辑做到这一点：

现在我想我明白。如果您使用的是带有关闭按钮的默认布局尝试添加这对你的CSS文件：

#fancybox-outer { background: transparent;} 
#fancybox-close {top: 25px !important;} 
#fancybox-wrap {top: -45px !important;}

这将删除从顶部和位置的包装更接近顶部的白色背景（你将需要设置填充和如果你不想看到白边边框，则将边距设为0）

来源

2012-07-24 13:18:31

不，它不起作用我说的是不透明背景而不是内在fancybox背景和你给定的代码适用于（FancyBox包装和内容之间的空间） – developer 2012-07-24 13:24:50

如果仔细阅读，他正在使用fancybox v2.x。 – JFK 2012-07-24 19:30:53

除2.x中添加的新功能外，2.x和1.x的默认设置相同。我链接到v1.x，因为它显示默认值 – 2012-07-25 09:16:23

如何根据fancybox内容高度（大覆盖或滚动页面）修复覆盖背景高度。

回答

相关问题