如何让fancyBox 2调整其高度以适应其内容？

当它的内容比视口高时，我试图让我的fancyBox在高度上扩展。 这样，用户使用浏览器的滚动条滚动其内容。 相反，我的fancyBox不断获得自己的滚动条。

我只是使用内联内容，而不是iframe 。 这些是我设定的选项：

 $('.fancybox').fancybox({ autoSize: 'false', fitToView: 'false', maxWidth: 940 }); 

添加scrolling: 'no'切断底部的内容。 明确定义一个非常高的高度，但我希望动态确定高度。

Answer 1

布尔和整数值应该没有引号所以这个

 $('.fancybox').fancybox({ autoSize: 'false', fitToView: 'false', maxWidth: 940 }); 

应该

 $('.fancybox').fancybox({ autoSize: false, // shouldn't be true ? fitToView: false, maxWidth: 940 }); 

fitToView实际上是一个选项，可以为您提供所需，但引用的"false"并不能使它对您fitToView 。 另一方面，我不确定您应该禁用autoSize ，否则inline内容将无法获得自己的高度。

Answer 2

听起来有点奇怪。 一个丑陋的解决方案是使用css，overflow：hidden;

每当我使用fancybox时，滚动条都能正常工作。 确保fancybox的内容没有设置另一个高度？

编辑：查看您的示例站点。 似乎内容中有一些宽度设置比fancybox本身大。

Answer 3

如果有人在寻找iframe的解决方案，请使用：

 parent.jQuery.fancybox.update();