我的页面顶部有一个 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/