怎样让超过iframe框架高度限定自动隐藏呢？

2021-08-05 分类：网站建设

小编近在排版时发现iframe框架中的表单超过其框架高度后不知道应该怎么被自动隐藏，相信也有其他朋友同样遇到过这种问题，那么我们就一起来探究下应该怎样实现这个问题吧，以下是小编经过千辛万苦（有点夸大了啊，嘻嘻）才找到的一个解决方法：

$(document).ready(function()

{

// Set specific variable to represent all iframe tags.

var iFrames = document.getElementsByTagName_r('iframe');

// Resize heights.

function iResize()

{

// Iterate through all iframes in the page.

for (var i = 0, j = iFrames.length; i < j; i++)

{

// Set inline style to equal the body height of the iframed content.

iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';

}

// Check if browser is Safari or Opera.

if ($.browser.safari || $.browser.opera)

{

// Start timer when loaded.

$('iframe').load(function()

{

setTimeout(iResize, 0);

}

);

// Safari and Opera need a kick-start.

for (var i = 0, j = iFrames.length; i < j; i++)

{

var iSource = iFrames[i].src;

iFrames[i].src = '';

iFrames[i].src = iSource;

}

else

{

// For other good browsers.

$('iframe').load(function()

{

// Set inline style to equal the body height of the iframed content.

if(this.contentWindow.document.body.offsetHeight>1000)

{

this.style.height = 700 + 'px';//此处为小高度的设置

}else{

this.style.height = this.contentWindow.document.body.offsetHeight + 'px';

}

);

}

);

</script>

看的懂么？哈哈，其实也不用看懂，只要把上述文件外加一个jquery文件一起加载下，你会发现你想要的效果已经出现了...

以上信息来自创新互联，创新互联科技有限公司专注于营销型网站建设、SEO整合推广、企业形象网站建设、行业网站建设、综合商城建设、，品牌解决方案。

网站栏目：怎样让超过iframe框架高度限定自动隐藏呢？
本文路径：/news2/120852.html

成都网站建设公司_创新互联，为您提供网站制作、面包屑导航、搜索引擎优化、营销型网站建设、网站建设、动态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容