javascript - 我怎样才能让 fancyBox 2 调整它的高度以适应它的内容？

Question

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

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

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

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

score 6 · Accepted Answer

布尔值和整数值应该不带引号，所以这个

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

应该

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

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

score 0 · Accepted Answer

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

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

编辑：查看您的示例站点。似乎在内容中设置了一些比花式框本身更大的宽度。

score 0 · Accepted Answer

0

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

parent.jQuery.fancybox.update();

于 2017-08-29T07:32:34.967 回答

3 回答 3