100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > php iframe 自适应高度 两个iframe自适应高度的解决方法

php iframe 自适应高度 两个iframe自适应高度的解决方法

时间:2021-08-12 02:21:00

相关推荐

php iframe 自适应高度 两个iframe自适应高度的解决方法

很多小伙伴在做网站的时候对于解决

1、需求分析:

使页面中的iframe可以自适应高度,避免页面高度增加的时候页面和iframe会同时出现滚动条。

2、方法一:

在iframe上面直接加onload的方法,使其自适应

这里我们主要是使用了iFrame1.document.body.scrollHeight获取高度然后调整当前iframe的高度

3、方法二:

使用window.onresize检测到当前窗口改变大小的时候触发我们写好的js事件,使其高度自适应

function setIframeHeight(iframe) {

if(iframe) {

iframe.height = document.documentElement.clientHeight;

}

};

window.onload = function () {

setIframeHeight(document.getElementById('iframes'));

};

以上就是关于iframe自适应高度的全部内容了,希望对大家有所帮助,了解更多相关文章请关注

125jz网原创文章。发布者:江山如画,转载请注明出处:/9354.html

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