假设:
Div ID为:A 宽度750 高度600
Iframe ID为 B 长和宽撑满 A
Iframe里显示的是http://www.baidu.com这个页面
求随内容自适应高度代码,不要出现滚动条~
拜托~
上面是自适应的,支持滚轮,美中不足是最里层iframe的滚动条没去成功。
不行,不知道是否哪里出错了还是?
你需要的是那个部分自适应高度?
你的外层div 需要固定高度,那Iframe呢?
你好,我想Iframe及其内容超过DIV设定高度时,DIV随IFRAME及内容一起自适应。
我是个新手~求教~
这个就比较麻烦了。
需要通过JS来做了。
首先,你需要在iframe内部获取iframe的高度,然后把这个高度值传到Iframe的外层页面
再通过JS 分别设置 div 和 iframe的高度。
这样,Iframe内部有多高,外层就有多高,这就实现了高度自适应。
具体代码我在这里就不演示了,很简单的,用jquery 先获取 body.height(), 然后再window parent 查找#A,#B 分别设置高度
我给你找了一个实例:
你可以看一下
http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html
iframe在div中如何自适应高度
\/\/两个函数,用闭包包裹起来()()window.onload=function(){ (window.onresize=function(){ \/\/获取可见宽度 var width=document.documentElement.clientWidth-180;\/\/180为左边的div的大小 \/\/获取可见高度 var height=document.documentElement.clientHeight-80;\/\/80为头部的div的大小可自己修改 \/\/如果有宽...
iframe自适应内容高度iframe自适应高度和宽度
1、在文件夹里创建两个html文件,一个“index”一个“iframe”。2、2、在index中添加一个iframe标签,直接嵌入iframe页面。3、3、在iframe网页中添加了两个固定高度的div内容。4、4、浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。5、5、现在我们在index页面的iframe标签再添加如下的...
怎么让iframe的大小跟随内容的大小自动调整?
1.在一个文件夹中创建两个HTML文件,一个“index”和一个“iframe”。2.将iframe标记添加到索引中,并将其直接嵌入到iframe页面中。3.将两个具有固定高度的div内容添加到iframe页面。4.当浏览器打开索引页时,我们发现在iframe的部分有一个滚动条,需要滚动才能显示页面跟踪。5.现在,我们将以下属性添...
iframe的高度可以随内容的多少而变化吗
1、首先在文件夹里创建两个html文件,一个“index”一个“iframe”。2、然后在index中添加一个iframe标签,直接嵌入iframe页面。3、接着在iframe网页中添加了两个固定高度的div内容。4、浏览器打开index页面,发现iframe部分有滚动条,需要滚动显示页面。5、现在在index页面的iframe标签再添加如下的属性。再...
怎么让iframe自适应高度
什么是自适应高度吧。所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面,我们直接写死iframe高度就可以了。而如果iframe要切换页面,或者被包含页面要做DOM动态操作,这时候,就需要程序去同步iframe...
div中镶嵌一个iframe,怎么让iframe的滚动条不起作用,而div的滚动条起作...
你可以试试,让iframe的高度等于他引用页的body高度,这样iframe就不会出滚动条了,把div的高度设置成固定,并且当内容多于div高度时,自动出滚动条。不好意思,代码没有实现
iframe嵌套网页,子页面高度增加,iframe高度也会增加.列如:子页面是一...
1、首先你要明确:选择条数之后,触发了事件令子页面的body高度改变了,因此我们要捕捉到这个事件,即:$("body").resize(function(){});2、捕捉到事件后,我们要利用window.parent改变父页面的容器的高度。如:在父页面写个方法 function changeHeight(height){\/\/\/改变装iframe的容器div的高度} 然后...
div中包一个iframe底部空白或者高度撑不开
1、iframe默认是块元素,其display样式默认值是block。2、frame应该说即不是块元素也不是行内元素,虽然有display样式,但其默认值是none。3、frameset不是块元素也不是行内元素。4、frameset标签下只能使用frame标签而不能是iframe标签。IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架。
我在dw中贴了一个iframe,链接网页,怎么能让网页缩小全部显示在iframe框...
不得行 要把网页重新切片 做到iframe的宽度 和高度就可以了 还有个办法就是 设置div容器的宽度和高度和iframe的宽度和高度一样,讲网页内容放在div容器里 在链接到框架。 就可以了 。放进去的时候 要用百分比 不要用px
网页设计:怎么让frame的高度自适应??
你每个iframe为一个单独的页面,只需在每个单独的页面中<head>与<\/head>之间加入如下代码即可实现firame高度的自适应:<script type="text\/javascript"> function setWindowSize(){ \/\/iframe自动本窗口高度 try{ var thiswin = window.parent.document.getElementById(window.name);if(window.document....