javascript - 调整 iframe 高度,使其符合视口(viewport)的大小

标签 javascript iframe

我的页面顶部有一个 100px 高度的 div,下面有一个 iframe。我希望 iframe 填充页面视口(viewport)的其余部分,即 iframe 的高度应该随着浏览器窗口的调整而调整,这样我们就不会看到两个滚动条 - 我只是希望滚动条应该在 iframe 中可见,而不是在浏览器拥有自己的视口(viewport)。

最佳答案

如果我理解正确的话,您应该将 iframe 包装在一个 div 中,并在 CSS 中创建一个具有 overflow:scroll;, height:100%; 的类。 > 和 margin-top:100px;
高度让你填满整个页面,顶部边距为你的顶部 div 腾出空间,溢出确保你在 iframe 周围有滚动条。您可能需要稍微调整一下高度。

据我所知,实际上不可能更改 iframe 的高度,因为您是从另一个页面导入它的。

希望能帮上一点忙。

关于javascript - 调整 iframe 高度,使其符合视口(viewport)的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3100025/

相关文章:

javascript - 是否可以从弹出窗口更改 Chrome 扩展程序的设置?

javascript - 如何使用 set vMin 在 AutoNumeric 输入中键入值

javascript - 从网站上的电子邮件显示 HTML

audio - 如何自动播放Audiomack iframe

javascript - 如何从ajax php获取值(无法获取)

javascript - 使用日期对象格式化数组并在下拉列表中显示它们

javascript - 无法读取未定义的属性 'online'

javascript - iframe onclick 动画或切换

PHP文件上传与iframe - 宣布上传开始和结束

jquery - 限制jquery ui可拖动外框边框的移动