Javascript 使用内容的iframe自动调整Fancybox的大小
我有一个iframe正在由Fancybox加载。在iframe内部,我正在加载jQuery,以便能够$'html'.height;获取iframe中实际内容的适当高度 在FF中,这似乎允许我适当地调整iframe和FancyBox的大小 在chrome中,该值与内容物的实际高度相差约5px至20px 在IE 8中,报告的值是打开的fancybox窗口的初始高度,即使在随后刷新iframe时也是如此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外壳的大小,这样用户就看不到滚动条了?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保持该高度。