您好,我有一个应用程序,其中有一个顶部菜单、一个侧边栏和一个嵌套在表格中的 iframe。我了解守旧派,但这不是我的决定。
我想让iframe根据内容长度填充页面去掉iframe滚动条,用浏览器滚动条滚动。
我应该使用 javascript 吗?我可以将所有内容都设置为 100% 高度,然后设置一个特定的溢出规则吗?
现在我只有 700px 的 iframe 最小高度和 100% 的高度
最佳答案
根据您是否希望 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 内容可能无法完成加载。
关于css - 使 IFRAME 内容适合页面删除内部滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4995552/