Frame 根据嵌入页面自动调节大小

本文介绍了如何解决IFrame嵌入页面时出现滚动条的问题,提出使用IframeResizer脚本实现IFrame根据内容自动调整大小。通过下载最新版本的iframe-resizer并引入到页面中,经初始化设置,可以实现跨域的IFrame宽度和高度自适应。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

很多人估计会遇到这样的情况,在IFrame嵌入某些页面,总会出现滚动条,那么有没方法,可以让IFrame随着嵌入页面的内容大小自动调节大小而不出现滚动条呢?答案是肯定的,经过查找,本人发现用IframeResizer脚本可以很好解决此问题,并且它是跨域名的,即使嵌入的是第三方页面,不需繁杂处理,几个步骤就可以使它自动调节宽度和高度。

 

1。首先下载iframe-resizer最新版本,现在是v2.5.2, 地址:

https://github.com/davidjbradshaw/iframe-resizer/zipball/master

2。在放Iframe的页面,引入iframeResizer.min.js脚本,并且进入如下初始化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值