Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何根据fancybox内容高度(大覆盖或滚动页面)固定覆盖背景高度_Jquery_Html_Css_Fancybox_Fancybox 2 - Fatal编程技术网

Jquery 如何根据fancybox内容高度(大覆盖或滚动页面)固定覆盖背景高度

Jquery 如何根据fancybox内容高度(大覆盖或滚动页面)固定覆盖背景高度,jquery,html,css,fancybox,fancybox-2,Jquery,Html,Css,Fancybox,Fancybox 2,请任何人告诉我如何根据fancybox内容高度(意味着fancybox顶部和底部没有额外的空间)确定覆盖背景高度(覆盖容量部分),我正在使用fancybox 2(最新版本) 代码: 参考文献 我需要像上面的参考网址一样工作fancybox。。。请点击“请选择产品选项”按钮 请帮助我任何人…如果我理解正确,您需要从渲染内容中删除边距和填充。 您可以通过在配置中再添加两个选项来实现这一点 jQuery.fancybox({ //other options 'padding': 0, 'margin

请任何人告诉我如何根据fancybox内容高度(意味着fancybox顶部和底部没有额外的空间)确定覆盖背景高度(覆盖容量部分),我正在使用fancybox 2(最新版本)

代码:

参考文献

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


请帮助我任何人…

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

jQuery.fancybox({ 
//other options
'padding': 0,
'margin' : 0,
//other options
欲了解更多信息,请访问

稍后编辑:

现在我想我明白了。如果使用默认布局和关闭按钮,请尝试将其添加到CSS文件:

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

这将从顶部移除白色背景,并将包装器放置在更靠近顶部的位置(如果您不想看到白色侧边框,则需要将填充和边距设置为0)

不,它不起作用。我说的是不透明背景,而不是内部fancybox背景,您给定的代码适用于(FancyBox包装器和内容之间的空格)2.x和1.x的默认设置相同,当然2.x中添加的新功能除外。我链接到v1.x,因为它显示默认设置values@AndreiR错误:v1.3.x的设置不兼容(实际上不存在)对于fancybox v2.x,反之亦然。在参考链接中,高度不是100%(可能看起来像但不是),它是一个固定的高度,几乎与视图端口一样长,但如果减小视口大小,则需要向下滚动以查看内容。另外,fancybox v2.x中的选项与v1.3.x不兼容(您正在使用两个版本的选项)
#fancybox-outer { background: transparent;}
#fancybox-close {top: 25px !important;}
#fancybox-wrap {top: -45px  !important;}