• activation program离线激活工具汉化版
  • vm16虚拟机中文破解版附激活密钥(vmwareworkstationpro17)
  • 小修 Win11 LTSC2024极限精简版
所在位置: 首页 > 教程资讯 > 网页设计

iframe滚动条解决办法_去除iframe滚动条方法

时间:2026-03-08 16:21:27

标签: iframe嵌套页面 Jquery iframe高度 iframe滚动条 iframe自适应大小

该文也可以说是一个iframe自适应大小的折中解决办法。iframe出现滚动条的原因是,body里面的内容的高度大于了iframe的高度,所以会出现滚动条。

解决办法:

采用Jquery从iframe嵌套的页面中获取一个高度值,在iframe的父窗口中的onload事件中更新iframe的高度。

具体实现代码:

父页面:






子页面:

Html代码

运行原理: 父页面读取子页面中meta的字段值来设置iframe的高度

额外说明:

当iframe 的高度小于内容高度时,如果父窗口的BODY 的overflow:auto,则会出现2个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;

如果这时,BODY 的overflow:hidden,则只会出现iframe的垂直滚动条,但是,iframe的内容显示不完。

qbittorrent电脑版

qbittorrent电脑版

3分

下载
VNote(程序员笔记软件)

VNote(程序员笔记软件)

编程开发 | 90.4M

相关资讯

热门攻略