使用主页侧栏滚动iframe

Question

这是非常棘手的情况我已经尝试了很多东西但是无法弄明白。我有以下iframe：

<div id="content"> <iframe id="iF" name="if" marginwidth="0" marginheight="0" frameborder="0" src=""></iframe>
</div>

通过jquery输入来源。问题是当输入源时它的高度和宽度是两个大的。所以我看到两个滚动条。无论如何，iframe数据将随主页滚动条一起移动。而不是添加两个不同的滚动条。 这是我现在看到的图像：

Answer 1

您需要在内容填充后调整大小，这可以通过使用Javascript来完成。

<script type="text/javascript">
    function iframeLoaded()
    {
        var iFrameID = document.getElementById('idIframe');

        if(iFrameID)
        {
            // here you can meke the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
        }   
    }
</script>   


<iframe id="idIframe" onload="iframeLoaded()" ...

其他解决方案是将高度和宽度添加到一个固定值，例如100％以获取窗口的所有宽度/高度，并隐藏iframe的滚动条。