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

Question

当我的fancyBox内容高于视口时，我试图让我的{{3}}扩展。这样，用户使用浏览器的滚动条滚动其内容。相反，我的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"并未使其适用于您。另一方面，我不确定您应该停用autoSize，否则inline内容将无法达到自己的高度。

Answer 2

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

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

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

Answer 3

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

parent.jQuery.fancybox.update();