Question

请任何人告诉我如何修复叠加背景高度（overlayOpacity部分）根据fancybox内容高度（意味着没有额外的空格到顶部和底部的花式框），我正在使用fancybox 2（最新版本）

代码：

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 ...请点击“请选择产品选项”按钮

请帮助我......

Answer 1

如果我理解正确，您需要从渲染的内容中删除边距和填充。您可以通过在配置中添加两个选项来实现此目的

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）

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

1 个答案: