嵌套iframe影响到主页面滚动?
发布网友
发布时间：2022-05-12 23:30
我来回答
共5个回答
懂视网
时间：2022-05-13 03:51
我做的网站，是用frameset框架布局，分上中下，上面和下面框架部分的内容是固定的，中间框架内容是不同的，我想让整个框架共用一个滚动条，就用iframe嵌套frameset框架，我在iframe中设置了高度，页面内容不一样，高度也不一样了，有什么办法能让页面的内容全部展示出来？纠结两天了，很急，在线等！请各位大侠帮帮忙！
回复讨论(解决方案)
动态计算中间框架的高度，在《body onload里面加上上面、下面的高度，赋值给外面的iframe的style.height
怎么动态计算呀？请说明白一点吗？
h = document.documentElement?document.documentElement.offsetHeight:document.body.offsetHeight
这个是能子框架的页面的高度吗？
2个iframe能共用一个滚动条，好奇怪啊
<![CDATA[<body>这个是我框架布局的页面， <br /> ------------------------------- <br /> <br /> <br /> </pre> <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></script></pre> <br /> <br /> middle.htm <br /> <pre class="sycode" name="code"></pre> <br /> <br /> <br /> 注意，测试要使用http方式，不要直接说文件方式测试 </p> <p class="sougouAnswer"> 给你完整的例子 <br /> a.htm <br /> HTML code <br /> <br /> <html> <br /> <head> <br /> <title></title> <br /> <br /> </head> <br /> <body> <br /> <br /> <br /> </body> <br /> </html> <br /> <br /> <br /> frameset.htm <br /> HTML code <br /> <frameset rows="100…… <br /> <br /> 谢谢拉 </p> <p class="sougouAnswer"> 给你完整的例子 <br /> a.htm <br /> HTML code <br /> <br /> <html> <br /> <head> <br /> <title></title> <br /> <br /> </head> <br /> <body> <br /> <br /> <br /> </body> <br /> </html> <br /> <br /> <br /> frameset.htm <br /> HTML code <br /> <frameset rows="100…… <br /> <br /> 谢谢拉 </p> <p class="sougouAnswer"> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 <br /> 给你完整的例子 <br /> a.htm <br /> XML/HTML code?1234567891011<html><head><title></title> </head> <body> <br /> 用了你的代码，但是ie里最外侧的滚动条无法用鼠标滚轮控制，在火狐和chrome里能控制，不知道什么原因？ </p> <p class="sougouAnswer"> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 <br /> 给你完整的例子 <br /> a.htm <br /> XML/HTML code?1234567891011<html><head><title></title> </head> <body> <br /> 还有获取第一个页面的高度后跳转其他页面时仍然保持第一个页面的高度，我在跳转页面中加了获取高度代码的
<p class="newart_a_ans clearfix">
<span class="tx"><img src="https://jss.51dongshi.com/tpl/pc2/images/user_avatar_default.jpg"></span>
<span class="name">热心网友</span>
<span class="time">时间：2022-05-13 00:59</span>
</p>
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。<br /> <br />解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。<br /> <br />遇到问题：获取父窗体元素（因为有域*，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前iframe页面。 <script type="text/javascript" src="https://jss.51dongshi.com/mitjs/huida1.js"></script>
<p class="newart_a_ans clearfix">
<span class="tx"><img src="https://jss.51dongshi.com/tpl/pc2/images/user_avatar_default.jpg"></span>
<span class="name">热心网友</span>
<span class="time">时间：2022-05-13 02:17</span>
</p>
可以设置iframe为浮动或定位来解决<br />例如：<br />浮动：float:left;<br />定位：position:absolute; <p class="newart_a_ans clearfix">
<span class="tx"><img src="https://jss.51dongshi.com/tpl/pc2/images/user_avatar_default.jpg"></span>
<span class="name">热心网友</span>
<span class="time">时间：2022-05-13 03:52</span>
</p>
放代码吧，你这样说我也不知道指的什么 <script type="text/javascript" src="https://jss.51dongshi.com/mitjs/huida2.js"></script>
<p class="newart_a_ans clearfix">
<span class="tx"><img src="https://jss.51dongshi.com/tpl/pc2/images/user_avatar_default.jpg"></span>
<span class="name">热心网友</span>
<span class="time">时间：2022-05-13 05:43</span>
</p>
描述过于简单了 <div class="yingc">
</div>
<div class="yingc">
</div>
</div>
<div class="shengming"><span class="ico"><img src="https://jss.51dongshi.com/tpl/pc2/images/gantan.png" alt="声明"></span><b>声明：</b>本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com</div>
<script type="text/javascript" src="https://jss.51dongshi.com/mitjs/dajia.js"></script>
<div style="display: none;">
<a href="/dadabdcc/bdcvvasgv/">八个月孕妇痔疮怎么办</a>
<a href="/dadabdcc/bdcvvasgb/">怀孕痔疮严重怎么缓解</a>
<a href="/dadabdcc/bdcvvasgh/">孕妇能割痔疮吗</a>
<a href="/dadabdcc/bdcvvasgg/">孕37周痔疮严重怎么办 孕37周痔疮可以顺产吗</a>
<a href="/dadabdcc/bdcvvasgs/">怀孕晚期痔疮严重怎么办</a>
<a href="/dadabdcc/bdcvvasgd/">我打开网上邻居,里面变成空的了,以前打开就有“宽带连接”和“本地连 ...</a>
<a href="/dadabdcc/bdcvvasgr/">单位有些电脑打开网上邻居没东西显示是为什么?</a>
<a href="/dadabdcc/bdcvvasge/">生产线称重</a>
<a href="/dadabdcc/bdcvvassa/">梦比优斯奥特曼第35集19:38秒时,希卡利站起来时的那个背景音乐是...</a>
<a href="/dadabdcc/bdcvvassc/">梦比优斯奥特曼中希卡利出现时的音乐</a>
<a href="/dadavrs/vrdcgvgv/">虎牙里影娱很多主播不播了</a>
<a href="/dadavrs/vrdcgvgb/">收错钱,我该怎么办</a>
<a href="/dadavrs/vrdcgvgh/">收错钱,联系到人不肯还钱怎么办?</a>
<a href="/dadavrs/vrdcgvgg/">商家收错钱怎么办?</a>
<a href="/dadavrs/vrdcgvgs/">一部手机两个手机号怎么申请两个?</a>
<a href="/dadavrs/vrdcgvgd/">我在超市当收银，总收错钱，怎么办啊，好心烦啊，我都来了五天了，还是总收错</a>
<a href="/dadavrs/vrdcgvgr/">加了开网店的,但无法删除怎么办?</a>
<a href="/dadavrs/vrdcgvge/">当收银员点钱点错了怎么办</a>
<a href="/dadavrs/vrdcgvsa/">一个手机两个号码怎么用两个</a>
<a href="/dadavrs/vrdcgvsc/">误收了别人的钱,也要承担法律责任吗?</a>
<a href="/dadavrs/vrdcgvsv/">一个手机怎样开通两个</a>
<a href="/dadavrs/vrdcgvsb/">紫外线光疗仪用多久会见效?急求!!</a>
<a href="/dadavrs/vrdcgvsh/">超市收错钱怎么赔偿</a>
<a href="/dadavrs/vrdcgvsg/">一部手机两个怎么弄</a>
<a href="/dadavrs/vrdcgvss/">一个手机二张卡,想要二个,怎么申请?</a>
<a href="/dadavrs/vrdcgvsd/">微信收款收错了怎么办</a>
<a href="/dadavrs/vrdcgvsr/">同一个人可以建两个吗?怎么弄?</a>
<a href="/dadavrs/vrdcgvse/">一个手机二个怎么弄</a>
<a href="/dadavrs/vrdcgvda/">在拼多多开网店直播时可以公示店主吗</a>
<a href="/dadavrs/vrdcgvdc/">一部手机上两个怎么弄</a>
<a href="/dadavrs/vrdcgvga/">老太买饭爱占便宜,收错钱追上去以后,我不敢再做她生意,怎么办?</a>
<a href="/dadavrs/vrdcgvhe/">单位替岗钱收错了怎么办?</a>
<a href="/dadavrs/vrdcgvhr/">剥开晒干的核桃仁还有营养吗</a>
<a href="/dadavrs/vrdcgvhd/">创维液晶电视39寸的开机有声音没有字符没有图像怎么修理?</a>
<a href="/dadavrs/vrdcgvhs/">39寸创维液晶电视后盖打开,电子线路图是或有储存卡吗?</a>
<a href="/dadavrs/vrdcgvhg/">旧笔记本电脑的硬盘以及闲置25寸硬盘你怎么处理?</a>
<a href="/dadavrs/vrdcgvhh/">如何选购移动硬盘?</a>
<a href="/dadavrs/vrdcgvhb/">长沙教育学院教师资格证报名</a>
<a href="/dadavrs/vrdcgvhv/">ios退款选择理由没有</a>
<a href="/dadavrs/vrdcgvhc/">ios邮件什么理由好退款</a>
<a href="/dadavrs/vrdcgvha/">志高冷暖型空调好吗</a>
<a href="/dadavrs/vrdcgvbe/">iframe如何实现跟随滚动条动起来,求救</a>
<a href="/dadavrs/vrdcgvbr/">什么方法能使手变细,增长。</a>
<a href="/dadavrs/vrdcgvbd/">跟别人微信视频聊天,怎么只看到他而不让他看到你?</a>
<a href="/dadavrs/vrdcgvbs/">鼻腔异物处理的正确程序字母排序是</a>
<a href="/dadavrs/vrdcgvbg/">为什么人到40身体各项机能严重下滑?</a>
<a href="/dadavrs/vrdcgvbh/">男人中年以后,身体的哪些方面机能会明显下降?</a>
<a href="/dadavrs/vrdcgvbb/">四十岁后身体机能下降了吗</a>
<a href="/dadavrs/vrdcgvbv/">网上说人过了45岁身体各项机能开始下降,这是真的吗?</a>
<a href="/dadavrs/vrdcgvbc/">人过40,身体是不是就开始退化了?</a>
</div>
<div class="foot_new">
<div class="copyright">懂视 51dongshi.com 版权所有<br>Copyright © 2019-2024 </div>
</div>
<div style="display: none;"><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6a2dfab7c846ee72ec437b7ce1263612";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></div>
</body>
</html>
]]>