jQuery解决iframe高度自适应代码

2016-02-19 14:36 11 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐jQuery解决iframe高度自适应代码,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

代码如下:
script type="text/javascript"
!--
$(
function()
{
//iframe高度随内容自动调整
$('.main').load(
function()
{
$(this).height($(this).contents().find("body").attr('scrollHeight'));
}
);
}
);
// --
/script

来源:http://www.tulaoshi.com/n/20160219/1607320.html

延伸阅读
标签: Web开发
在制作网页的过程中,自适应问题是经常遇到,而又最让人头疼的,看了好多种解决的方法,但是都不是万能的。今天遇到这个问题,实在让我挠头,借鉴了 Shark的方法,又给了我一个新思路。当时没仔细看LBS的样式表,今天才发现,.clear用的就是这个方法。接下来,我会做个关于自适应高度问题的汇总,以便今后遇到问题时候更快解决。 为了解决...
标签: Web开发
div class="TxtBox" iframe frameborder="0" scrolling="no" name="news1"  id="news1" onload="if(document.frames['news1'].document.body.scrollHeightdocument.frames['news2'].document.body.scrollHeight) document.a...
标签: Web开发
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): Bod...
标签: Web开发
1.背景图填充 这是使用最广泛的一种做法,无hacks,推荐使用: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=...
标签: Web开发
main.htm: html       head          meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312' /          meta  name='author'  c...

经验教程

847

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部