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

当它的内容比视口高时,我试图让我的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"并不能使它对您fitToView 。 另一方面,我不确定您应该禁用autoSize ,否则inline内容将无法获得自己的高度。

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

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

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

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

 parent.jQuery.fancybox.update();