首页 / HTML / iframe嵌套frameset，实现整个iframe框架出现滚动条，怎么样随页面内容的高度全部展示出来？_html/css_WEB-ITnose

iframe嵌套frameset，实现整个iframe框架出现滚动条，怎么样随页面内容的高度全部展示出来？_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了iframe嵌套frameset，实现整个iframe框架出现滚动条，怎么样随页面内容的高度全部展示出来？_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1599字，纯文字阅读大概需要3分钟。

内容图文

我做的网站，是用frameset框架布局，分上中下，上面和下面框架部分的内容是固定的，中间框架内容是不同的，我想让整个框架共用一个滚动条，就用iframe嵌套frameset框架，我在iframe中设置了高度，页面内容不一样，高度也不一样了，有什么办法能让页面的内容全部展示出来？纠结两天了，很急，在线等！请各位大侠帮帮忙！

回复讨论(解决方案)

动态计算中间框架的高度，在《body onload里面加上上面、下面的高度，赋值给外面的iframe的style.height

怎么动态计算呀？请说明白一点吗？

h = document.documentElement?document.documentElement.offsetHeight:document.body.offsetHeight

这个是能子框架的页面的高度吗？

2个iframe能共用一个滚动条，好奇怪啊







<body>这个是我框架布局的页面， <br /> ------------------------------- <br /> <br /> <br /> <script language="javascript"> <br /> function iFrameHeight(iframeID){ <br /> var ifm= document.getElementById(iframeID); <br /> var subIfm = ifm.contentWindow.document.documentElement.scrollHeight; <br /> if(ifm != null && subIfm != null){ <br /> ifm.height = subIfm; <br /> } <br /> } <br /> </ script> <br /> <br /> </head> <br /> <br /> <body onmousewheel="top.document.body.scrollTop-=event.wheelDelta"> <br /> <br /> <iframe src="index.html" scrolling="no" name="frm" id="frm" width="100%" onload="iFrameHeight('frm')" /> <br /> 这个是我引入框架布局的页面 </p> <p class="sougouAnswer"> 这个是中间框架的，你再加上上、下的固定高度，然后+"px" </p> <p class="sougouAnswer"> 不是两个iframe啦 </p> <p class="sougouAnswer"> 我加了上下框架的高度，但是中间框架的页面内容不一样，高度也就不一样了，我获取不到中间页面的高度？ </p> <p class="sougouAnswer"> 我加了上下框架的高度，但是中间框架的页面内容不一样，高度也就不一样了，我获取不到中间页面的高度？ <br /> <br /> 不是告诉你动态计算的吗？？？ </p> <p class="sougouAnswer"> <p class="modified_message"> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 </p> 给你完整的例子 <br /> a.htm <br /> <pre class="sycode" name="code"><!DOCTYPE html><html><head><title></title></head> <body><iframe id=foo src="frameset.htm"></iframe></body></html></script> <br /> <br /> frameset.htm <br /> <pre class="sycode" name="code"><frameset rows="100,*,100"><frame src="top.htm" /><frame src="middle.htm" /><frame src="bottom.htm" /></frameset></pre> <br /> <br /> middle.htm <br /> <pre class="sycode" name="code"><script>function setHeight(){ h = Math.max(document.documentElement.offsetHeight,document.body.offsetHeight) window.parent.parent.document.getElementById("foo").style.height = 100+h+100 + 50+"px"; //为了保证效果，多加50}</ script><style>html,body{margin:0;padding:0}</style><body onload="setHeight()">foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/>foo<br/></script></pre> <br /> <br /> <br /> 注意，测试要使用http方式，不要直接说文件方式测试 </body>

给你完整的例子
a.htm
HTML code













frameset.htm
HTML code
<frameset rows="100……

谢谢拉

给你完整的例子
a.htm
HTML code













frameset.htm
HTML code
<frameset rows="100……

谢谢拉

本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑
给你完整的例子
a.htm
XML/HTML code?1234567891011 <iframe id=foo src="frameset.……

用了你的代码，但是ie里最外侧的滚动条无法用鼠标滚轮控制，在火狐和chrome里能控制，不知道什么原因？

本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑
给你完整的例子
a.htm
XML/HTML code?1234567891011 <iframe id=foo src="frameset.……

还有获取第一个页面的高度后跳转其他页面时仍然保持第一个页面的高度，我在跳转页面中加了获取高度代码的

内容总结

以上是互联网集市为您收集整理的iframe嵌套frameset，实现整个iframe框架出现滚动条，怎么样随页面内容的高度全部展示出来？_html/css_WEB-ITnose全部内容，希望文章能够帮你解决iframe嵌套frameset，实现整个iframe框架出现滚动条，怎么样随页面内容的高度全部展示出来？_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/396604.html

来源：【匿名】