将IFRAME内容放入页面中删除内部滚动条

时间:2011-02-14 17:30:53

标签: css

您好我有一个应用程序,其中有一个顶级菜单,侧边栏和iframe全部嵌套在表格中。我认识老派,但这不是我的决定。

我希望iframe根据内容长度填充页面,取消iframe滚动条并使用浏览器滚动条滚动。

我应该使用javascript吗?我可以将所有内容设置为高度100%,然后是特定的溢出规则。

现在我在iframe上的最小高度为700px,高度为100%

1 个答案:

答案 0 :(得分:0)

根据您是否想要回发iframe,您可能最好使用jquery .load()方法,使用此方法可以执行以下操作

$(document).ready(function(){
   $('#mydivid').load('anypage.html')    
});

执行此操作将无需完全拥有iframe,并可能为您节省一些麻烦。


或者,如果您想使用iframe,则需要计算iframe内容的高度。

你可以这样做:

    $(document).ready(function(){
       var iframeheight =  $('#myiframeid').find('body').height()    
       $('#myiframeid').height(iframeheight + 100)    
    });

您可能需要在准备好文档后运行此文件,因为当$(文档).ready()触发时,iframe内容可能无法完成加载。