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

Question

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

• 在 FF 中，这似乎允许我适本地调整 iframe(和 FancyBox)的大小

• 在 Chrome 中，报告的该值比内容的实际高度大约低 5 到 20 像素。

• 在 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);