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

Javascript 使用内容的iframe自动调整Fancybox的大小,javascript,iframe,fancybox,Javascript,Iframe,Fancybox,我有一个iframe正在由Fancybox加载。在iframe内部,我正在加载jQuery,以便能够$'html'.height;获取iframe中实际内容的适当高度 在FF中,这似乎允许我适当地调整iframe和FancyBox的大小 在chrome中,该值与内容物的实际高度相差约5px至20px 在IE 8中,报告的值是打开的fancybox窗口的初始高度,即使在随后刷新iframe时也是如此 有没有更好的方法来获取iframe内容的高度,这样我就可以调整fancybox外壳的大小,这样用户

我有一个iframe正在由Fancybox加载。在iframe内部,我正在加载jQuery,以便能够$'html'.height;获取iframe中实际内容的适当高度

在FF中,这似乎允许我适当地调整iframe和FancyBox的大小

在chrome中,该值与内容物的实际高度相差约5px至20px

在IE 8中,报告的值是打开的fancybox窗口的初始高度,即使在随后刷新iframe时也是如此


有没有更好的方法来获取iframe内容的高度,这样我就可以调整fancybox外壳的大小,这样用户就看不到滚动条了?

fancybox 1.3版有一种调整iframe大小的方法,您可以使用它来调整iframe的内容:

$.fancybox.resize();
如果回忆起作用,这会产生重新加载iFrame内容的副作用。 如果您发现是这种情况,请尝试使用body标记的高度来通知fancybox调整大小

var height = $('body').height();
$('#fancybox-inner, #fancybox-wrap').height(height);
你在找什么

$(document).height() 
我尝试使用$'html'。height,但得到了奇怪的值。

$document.height至少对我来说,返回的值与$'html.height相同,因此这也不起作用:$.fancybox.resize会按照您的建议重新加载iFrame内容。$'body“.height不考虑iframe已设置高度这一事实,这会导致body保持该高度。