javascript - 如何使 fancyBox 2 调整其高度以适合其内容？

Question

我正在尝试获取我的 fancyBox当其内容高于视口(viewport)时扩展高度。这样，用户就可以使用浏览器的滚动条滚动其内容。相反，我的 fancyBox 一直有自己的滚动条。

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

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

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

Answer 1

bool 值和整数值应该不带引号，这样

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

应该是

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

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