javascript - iframe 自动高度在 Firefox 上无法正常工作

Question

我正在寻找一种根据 iframe 内的内容自动调整高度的解决方案，这似乎适用于 chrome。

但是由于某种原因，如果我等待网站完全加载，然后单击主页上的“Wall”选项卡，则 iframe 内容不可见，因为高度为设置为“4px”。

同样，如果您在加载时或加载之前单击墙选项卡，它会正常工作。

我猜这与来源有关。我遇到问题的网站在这里:http://xefrontier.com/

谁能告诉我为什么会出现这种现象？

这是来源:

  function resizeIframe(obj){
 obj.style.height = 0;
 obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }

 function getDocHeight(doc) {
doc = doc || document;
// stackoverflow.com/questions/1145850/
var body = doc.body, html = doc.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
    html.clientHeight, html.scrollHeight, html.offsetHeight );
return height;
}

function setIframeHeight(id) {
var iframe_board = document.getElementById(id);
var doc = iframe_board.contentDocument? iframe_board.contentDocument: 
    iframe_board.contentWindow.document;
iframe_board.style.visibility = 'hidden';
iframe_board.style.height = "10px"; // reset to minimal height ...
// IE opt. for bing/msn needs a bit added or scrollbar appears
iframe_board.style.height = getDocHeight( doc ) + 4 + "px";
iframe_board.style.visibility = 'visible';
}

document.getElementById('iframe_board').onload = function() { // Adjust the Id accordingly
setIframeHeight(this.id);
}

Answer 1

OP问题的解决方案如下:

• 与 iframe 交互的功能在 Chrome 中有效，但在 Firefox 中无效。
  • 停止如果 Firefox 出现问题，而 Chrome 可以与 iframe 交互，请考虑这种情况是否发生在 PC、Mac 或两者中。
  • 很可能是 Mac，而且它与 Firefox 的关系美妙(注意:讽刺不能在键盘上很好地表达)。

• 如果问题仅限于运行 Firefox 的 Mac，则 88.4% 的情况下您可以执行以下操作来修复该问题。
  
  

  1. 找到正在监听 iframe 上的加载事件的所有事件处理程序:

     • 例如。 <iframe src="domain.com" onload="eventHandler()"></iframe>

       删除=================^--------====这个===------^。

       <

  2. 禁用/删除它们。

  3. 在 </script> 的最后 block 添加此:

     例如。 window.onload = eventHandler;

  注意==================^=^ -请勿添加()在函数末尾

Firefox Mac 有许多独特的问题，其中一些是设计造成的。这些错误之一是它在加载后无法确认 iframe 的存在。 Firefox Mac 将在加载其他所有内容后处理 iframe。这只是我的经验观察。