Question

我正在使用此脚本根据内容高度大小设置iframe的高度，但我需要在菜单上单击两次，以显示整个内容。

请看这里：http://www.luilui.com.br/inverno2013

任何人都知道为什么？

我的包含iframe脚本的页面：

<iframe name="iframe_site" id="iframe_site" src="inicio.asp" width="100%" scrolling="no" height="100%" marginheight="0" frameborder="0" ></iframe>

这是在iframe内的网页上：

<body id="size">
.
.
.
.
content
.
.
.
.

    <script language="Javascript" type="text/javascript">

      var _iframe = parent.document.getElementById("iframe_site"),
          _height = _iframe.contentDocument.getElementById("size").scrollHeight || _iframe.contentWindow.document.getElementById("size").scrollHeight;
          _iframe.height = _height + 40;
    </script>
</body>

已编辑：我不知道这是否有帮助，但只有页面inicio.asp显示为完整，即我在iframe标记中调用的页面

Answer 1

使用window.setTimeout我修复了这个问题......

<script language="Javascript" type="text/javascript">
    window.setTimeout( 

        function(){
            var _iframe = parent.document.getElementById("iframe_site"),
            _height = _iframe.contentDocument.getElementById("size").scrollHeight || _iframe.contentWindow.document.getElementById("size").scrollHeight;
            _iframe.height = _height;
        },

    2000);
</script>

iFrame动态调整大小不显示整个页面

1 个答案: