首页 文章

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

提问于
浏览
1

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

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

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

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

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

2 回答

  • 0

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

    $.fancybox.resize();
    

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

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

    你在找吗?

    $(document).height()
    

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

相关问题