解决动态高度的iframe加载后双滚动条的问题

页面部分

<div class='parentdiv'>    <iframe id="iframepart" src="" ></iframe></div>

• iframe 高度不确定，再parent page 加载的时候可以通过获取页面内 iframe页面body 的方式获得动态高度

  js部分

  $(function(){var url ='要跳转的iframe页面';$('.parentdiv').css('height',$window.height());$('iframepart').attr('src',url);});

• 上述方式若iframe 页面高度超出了屏幕高度，只会加载到屏幕高度，要想获得iframe 页面的实际高度 可以使用 scrollHeight
  因为 jquery 没有 scrollHeight 下述js写在 iframe 页面 获取实际高度

  $(function(){var height = (document.body.scrollHeight)+'px';$('parentdiv',window.parent.document).css('height',height);});

• 若iframe数据是通过ajax 异步加载的，里面的div高度也是动态获取的，这里有个问题，当div内的内容没有加载到，上面的 var height 只能获取到没有撑开的高度，加载完ajax后还是无法得到实际的高度，这里就需要等所有document 树加载完再加载获取实际高度的方法

终极版，写在 iframe 页面

var ht = setInterval('getHeight',100);function getHeight(){    if(document.readyState == 'complete'){        var height = (document.body.scrollHeight)+'px';        $('parentdiv',window.parent.document).css('height',height);        window.clearInterval(gh);    }}

也许有更简单的解决方法，但这是我一步步遇到问题和解决的思路和代码，值得记录一下