iframe和bootstrap折叠菜单高度

Question

我有一个iframe，我需要放在不同的网站，所以我只需要使用javascript而不是jquery。在我的框架内部，我将页面与twitter bootrap折叠菜单...所以它看起来像这样：

function Book(www){
    function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth = document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height = (newheight) + "px";
    document.getElementById(id).width = (newwidth) + "px";
};

    var content = '<iframe id="iframe1" src="'+www+'" style="border:0px #FFFFFF none; position: fixed;left: 0px;width: 300px; top: 30%;z-index: 9999999;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" onLoad="autoResize(iframe1);"></iframe><a style="display:none;" href="http://aaa.com" rel="ext">aaa</a>';

var newNode = document.createElement("DIV");  
newNode.innerHTML = content;
document.body.appendChild(newNode); 


};

Inside Collapse菜单我有dinamicly添加数据 - 表现在，当我尝试使用这个iframe我没有得到正确的高度...所以高度不好，用户需要在iframe内滚动...

如何解决这个问题？