我如何使fancyBox 2调整其高度以适合其内容?

How can I make fancyBox 2 adjust its height to fit its contents?

本文关键字：高度 fancyBox 何使 调整      更新时间：2023-09-26

我试图让我的fancyBox扩展在高度时，它的内容比视窗高。这样，用户就可以使用浏览器的滚动条滚动其内容。相反，我的fancyBox一直有自己的滚动条。

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

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

添加scrolling: 'no'切断底部的内容。显式地定义一个非常高的高度可以工作，但我希望高度是动态确定的。

布尔值和整数值应该在中不带引号，所以

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

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

fitToView实际上是为您提供所需的选项，但引用的"false"并没有使其为您工作。另一方面，我不确定你应该禁用autoSize，因为否则inline内容不会得到自己的高度。

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

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

编辑:查看您的示例站点。内容中设置的宽度似乎大于fancybox本身

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

parent.jQuery.fancybox.update();
相关文章：