很多小伙伴在做网站的时候对于解决
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网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/9354.html