使用iframe自动调整Fancybox的内容大小

Question

我有一个由Fancybox加载的iframe。在iframe中，我正在加载jQuery，以便我$('html').height();可以获得iframe中实际内容的正确高度。

• 在FF中，这似乎允许我适当调整iframe（和FancyBox）的大小

• 在chrome中，此值报告的内容大约是内容实际高度的5px到20px。

• 在IE 8中，报告的值是打开的fancybox窗口的初始高度，即使在后续刷新（iframe）时也是如此。

有没有更好的方法来获取iframe内容的高度，以便我可以调整fancybox shell的大小，以便用户看不到滚动条？

Answer 1

FancyBox 1.3版有一个调整大小的方法，你可以使用它调整iFrame的内容：

$.fancybox.resize();

如果重新收集，则会产生重新加载iFrame内容的副作用。 如果您发现是这种情况，请尝试使用body标签的高度来通知fancybox调整大小。

var height = $('body').height();
$('#fancybox-inner, #fancybox-wrap').height(height);

Answer 2

您在寻找

吗？

$(document).height() 

我尝试使用$（'html'）。height（），我得到了奇怪的值。