iframe自适应高度(避免出现双滚动条问题)

kangchongmian 2012-04-13 10:11:33
1、问题描述:我在网上找了一段JS代码动态设置Iframe高度,如果Iframe中包含一个单一的页面是好用的,但是这个页面包含了两个TAB页 就 只能得到第一个TAB页内容的高度;
2、这样导致的问题是:如果第二个TAB页中内容的高度大于第一个TAB页中内容的高度,第二个TAB页中内容显示不全;
3、想要的解决方法:能不能动态获得Iframe中内容的高度时,哪个TAB中内容的高度最大就获取哪一个?
4、我下载的代码是这样的(请别找这段代码回复我):
function SetWinHeight(obj){
var win=obj;
if (document.getElementById){
if (win && !window.opera){
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}

<iframe name="frameReport" id="frameReport" allowtransparency="true" width="100%" height="100%" scrolling="no"
frameborder="0" border="0" noresize="noresize" framespacing="0" onLoad="Javascript:SetWinHeight(this)">
</iframe>
...全文
1123 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
hch126163 2012-05-01
  • 打赏
  • 举报
回复
修改你的 iframe 子页面body 高度。修改成最高的 tab 显示后的高度
001007009 2012-04-29
  • 打赏
  • 举报
回复
遍历tab的高度,把最大值取出来赋给iframe
kinghome 2012-04-17
  • 打赏
  • 举报
回复
找出最大TAB 的高度 赋值给 IFRAME
var H = 0
$(TAB).each(function(){
if (H <$(this).attr("scrollHeight")) H = $(this).attr("scrollHeight");
})
$(Iframe,parent.document).height(H)
kangchongmian 2012-04-16
  • 打赏
  • 举报
回复
怎么没有回复啊?求帮忙!
三石-gary 2012-04-13
  • 打赏
  • 举报
回复
先把你的问题用代码展示出来。。
你上面的代码并不能体现你的问题。。
BIGboy 2012-04-13
  • 打赏
  • 举报
回复
个人感觉动态设置Iframe,会导致页面变化很大,用户体验度太差!
kangchongmian 2012-04-13
  • 打赏
  • 举报
回复
如图所示,动态设置iframe的大小为Sheet_1内容的大小,而Sheet_2的内容比Sheet_1内容多即高度大,所以Sheet_2中信息显示不全:

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧