iframe自适应高度的已解决【前端精选】

许多开发者在处理iframe高度时常感头痛,今日特为诸君介绍iframe自适应高度之法,有需要的小伙伴可以参考一下:

1、需求分析:

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

2、方法一:
在iframe上面直接加onload的方法,使其自适应。

<iframe id="iFrame1" src="引用地址" name="iFrame1" width="100%" frameborder="0"></iframe>

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

这两种方法你会用吗?【文案姐资源分享交流QQ群:948785032】

提示:本文最后更新时间为 2024-07-22 如文中内容素材有错误或者已经失效,请留言告知。
声明

⚠️免责声明:本站的资源均来自于用户投稿,作个人学习使用,其版权均归原作者所有。

⚠️侵权声明:如有侵权请来信:wenanjie#5186a.com 告知。

⚠️转载声明:若需转载,请保留原文链接并附出处,谢谢合作。

0 条回复
    暂无讨论,说说你的看法吧
个人中心
今日签到