css - 使 IFRAME 内容适合页面删除内部滚动条

Question

您好，我有一个应用程序，其中有一个顶部菜单、一个侧边栏和一个嵌套在表格中的 iframe。我了解守旧派，但这不是我的决定。

我想让iframe根据内容长度填充页面去掉iframe滚动条，用浏览器滚动条滚动。

我应该使用 javascript 吗？我可以将所有内容都设置为 100% 高度，然后设置一个特定的溢出规则吗？

现在我只有 700px 的 iframe 最小高度和 100% 的高度

Answer 1

根据您是否希望 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)    
    });

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