最简单的方法实现去iframe滚动条

该文也可以说是一个iframe自适应大小的折中解决办法。
iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。

解决办法：
采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。
具体实现代码：
父页面：

<script type="text/javascript">function SetCwinHeight(){    var H=$("#myiframe").contents().find("meta").attr("content");     alert(H);     $("#myiframe2").height(H);

 }</script><body style="overflow:auto;"><iframe id="myiframe" src="xx.html"  onLoad="SetCwinHeight()"></iframe></body>

子页面：

<meta content="800px">

运行原理：父页面读取子页面中meta的字段值来设置iframe的高度

额外说明：
当iframe 的高度小于内容高度时，如果父窗口的BODY 的overflow:auto，则会出现2个垂直滚动条，iframe的垂直滚动条和父窗口的滚动条；
如果这时，BODY 的overflow:hidden，则只会出现iframe的垂直滚动条，但是，iframe的内容显示不完。

最简单的方法实现去iframe滚动条相关推荐

Iframe 滚动条
最简单的方法去掉iframe滚动条该文也可以说是一个iframe自适应大小的折中解决办法.iframe出现滚动条的原因是,body里面的内容的高度大于了iframe的高度,所以会出现滚动条. 解决办 ...
JAVA用最简单的方法来构建一个高可用的服务端，提升系统可用性
一.什么是提升系统的高可用性 JAVA服务端,顾名思义就是23体验网为用户提供服务的.停工时间,就是不能向用户提供服务的时间.高可用,就是系统具有高度可用性,尽量减少停工时间.如何用最简单的方法来搭建 ...
上如何刻字_如何用简单的方法在零件表面刻字：这里就有你想要的答案
上一篇文章我们用solidworks软件的焊件模块来绘制了一个最简单的机架.此过程中用到了焊件的以下功能:结构构件.角撑板.只要以后画机架肯定要用到结构构件的,大家应该注意学习好这个最常用的功能,在这 ...
不用恐惧AI的高速发展，论击败阿法狗（零）最简单的方法
作者:刘锋计算机博士,互联网进化论作者 10月19日凌晨,在国际学术期刊<自然>(Nature)上发表的一篇研究论文中,谷歌下属公司Deepmind报告新版程序AlphaGo Zero: ...
PHP5.2.3+apache2.2.4的最简单安装方法
最近为了安装PHP+apache这个PHP开发环境,到处查找资料,网上众说纷纭,我试了好多版本都没有成功,原因是网上说的都是过时的版本的配置方法(如PHP4+apache2.0),随着PHP和apac ...
如何改变iframe滚动条的样式？
如何改变iframe滚动条的样式?web前端开发cssjavascriptiframehtmlRayLiao 2014年11月19日提问 · 2014年11月20日更新关注4关注收藏0 收藏,3. ...
python安装numpy模块-python的numpy模块安装不成功简单解决方法总结
为了画个图,被numpy这个模块的安装真的折腾疯了!!!一直装不上,花了几个小时,看了网上的很多教程.方法发现总结得不是很全,这里总结一下,防止大家再出现这个问题没有解决方法. Python的魅力之一 ...
两个点击事件共用一个方法_杭州淘宝直播代运营：一个简单的方法，提升直播间封面图点击率！...
杭州淘宝直播代运营:一个简单的方法,提升直播间封面图点击率! 最近,淘宝直播后台改版,数据比之前更简洁.更直观,其中有一个数据特别突出,就是封面图点击率,稍微有点运营基础的同学应该都知道,点击率对于流 ...
xsd文件转图片_如何将图片转化为PDF格式？分享一个超简单的方法给你
如何将图片转化为PDF格式?有些朋友经常需要将图片转换成PDF格式文件,这样比较方便保存和传输.熟悉文件转换的朋友是知道该怎么操作的,不了解的朋友不用担心,今天我来教大家一个方法,能够帮助我们简单快速 ...

最简单的方法实现去iframe滚动条

最简单的方法实现去iframe滚动条相关推荐

最新文章

热门文章