加载前隐藏的iframe的Javascript问题

我有一个包含 iframe 使用Javascript加载的:

索引.html

<iframe id="myFrame" width="800" height="600" style="display: none;"></iframe>
<div id="loader"><!-- some loading indicator --></div>

<script type="text/javascript">
function someFunction() {
  var myFrame = document.getElementById('myFrame');
  var loader = document.getElementById('loader');

  loader.style.display = 'block';

  myFrame.src = 'myFrame.html';
  myFrame.onload = function() {
    myFrame.style.display = 'block';
    loader.style.display = 'none';
  };
}
</script>

在中加载的页 包含一些Javascript逻辑,用于计算某些元素的大小,以便添加JS驱动的滚动条(jScrollPane+jquerydimensions)。

我的框架.html

<div id="scrollingElement" style="overflow: auto;">
  <div id="several"></div>
  <div id="child"></div>
  <div id="elements"></div>
</div>

<script type="text/javascript">
$(document).load(function() {
  $('#scrollingElement').jScrollPane();
});
</script>

这在Chrome(可能还有其他Webkit浏览器)中也可以使用,但在Firefox和IE中却失败了,因为当时 jScrollPane 调用时,所有元素仍然不可见,并且jQuery维度无法确定任何元素的维度。

是可见的 之前 $(document).ready(...) setTimeout 拖延 ,这是我绝对想避免的。