当前地位:主页 > 万达娱乐城注册 > 万达娱乐设计 >

怎样让超越iframe框架高度限定主动隐藏呢?

公布日期:2017-06-20 11:29文章编辑:香泉网络扫瞄次数: 标签:咸宁万达娱乐万达国际娱乐官网

  香泉网络小编最近在排版时发现iframe框架中的表单超越其框架高度后不知道应该怎么被主动隐藏,相信也有其余朋友同样遇到过这种问题,那么我们就一起来探究下应该怎样实现这个问题吧,以下是小编通过千辛万苦(有点夸大了啊,嘻嘻)才找到的一个解决方法:
 
<script type="text/javascript">
$(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文件一起加载下,你会发现你想要的效果已经出现了...
相关新闻

网页设计让用户忍不住扫瞄下去?来看看肥猫的

滚动是用户交互中最基础、最核心的部分,发明良好的滚动体验只是 网页设计 的基础,内容的...

日期:2018-09-04 扫瞄次数:168

怎样才能更好的运用网页流行设计趋势-咸宁万达娱乐

以貌取人乃是人之本性,所以这就是万达娱乐大部分万达娱乐万达国际娱乐官网公司在建站之初会建议客户注重网...

日期:2018-03-27 扫瞄次数:172

怎么让万达娱乐更符合用户的需求

对于大部分企业来说,建站的最大目的就是留住客户,卖出产品,提升自家品牌形象。然而,...

日期:2018-03-04 扫瞄次数:161

如何让网页设计不再乏味

现在很万达娱乐都缺乏一种灵性,大多数的万达娱乐都非常平常,没有特色与开展的前景,面对万达娱乐设...

日期:2017-12-25 扫瞄次数:104

网页设计模板怎样才能留住用户?

评价一个 万达娱乐万达国际娱乐官网 设计的好坏,不仅仅是有没有充分提升展示品牌形象,还在于能否在短短几...

日期:2017-12-25 扫瞄次数:187

怎么样才能让万达娱乐快速吸引住访客的眼球

万达娱乐设计的目的是为了什么?就是为了宣传一个企业的品牌和产品、吸引访客关切和青睐。那...

日期:2017-11-08 扫瞄次数:64

Sitemap
条评论