700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JQuery自适应IFrame高度(支持嵌套 兼容IE ff safafi chrome)【jquery】

JQuery自适应IFrame高度(支持嵌套 兼容IE ff safafi chrome)【jquery】

时间:2019-11-09 20:44:12

相关推荐

JQuery自适应IFrame高度(支持嵌套 兼容IE ff safafi chrome)【jquery】

web前端|js教程

JQuery,自适应,IFrame

web前端-js教程

农村淘宝源码,vscode文档编辑插件,ubuntu 命令安装,tomcat 主机头,sqlite术语解释,网页设计 均衡,access 数据库 缺点,ftp服务器 用户空间大小,如何在自己网站添加论坛插件,饿了么前端ui框架,rss爬虫,php验证码代码,seo与网络推广,springboot中,html5中header标签,某国际大酒店网站源码整站打包,jquery 特效网页,帝国 如何修改模板,dedecms后台登陆慢,php 页面调整,vb图书管理系统代码,mfc打开图片程序lzw

function adjustIFramesHeightOnLoad(iframe) {

var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);

$(iframe).height(iframeHeight);

}

失败的测试就不说了,来直接的。

两个链接和iframe:

手机app应用商城源码下载,怎么开放ubuntu端口,tomcat怎么设计分区域,爬虫咬钩,php7取硬件信息,丝瓜seo在线lzw

个人信息

修改密码

js代码:

云控系统源码开发,ubuntu安装程序签名,提示tomcat运行速度,爬虫蛇 下载,php 移动办公,湖南seo网络营销推广公司地址lzw

<!--

$(function(){

$("#c-c-iframe").load(function(){

$(this).height($(this).contents().find("#content").height() + 40);

});

});

-->

这里的find(“#content”)是找出iframe内容文档中的id为content的高度(另外比如find(“body”)),并设置给iframe,

类似的还可以设置宽度,留给需要的朋友尝试吧。

这样就解决了iframe不会因为内容过大被挡住的问题(因为我设置了scrolling=”no”)。

PS:基本上我会优先考虑使用iframe来实现无刷新,兼容浏览器的后退按钮;而且使用iframe加载flash是很爽的,不用写什么js调用,object标签,还符合W3C标准。

11月28日17:13:31 ,今天使用过程中根据实际情况进行了一下改良,代码如下:

<!--

$(function(){

$("#workArea").load(function(){

var height = $(this).contents().find("#box").height() + 40;

//这样给以一个最小高度

$(this).height( height < 400 ? 400 : height );

});

});

-->

另发现使用find(“body”)不太好使,高度不准确。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。