javascript - 隐藏 iframe 垂直滚动条并显示全部内容

标签 javascript html css iframe

我有一个 iframe,它的内容超出了 iframe 的高度。我已将 iframe 上的 CSS 设置为 100vh 的高度,但它会裁剪掉内容。我想在该 iframe 中显示全部内容 并且显示任何滚动条。

实现此目标的最佳方法是什么?

HTML

 <iframe id="testIframe" width="100%" scrolling="no" style="display:block;"></iframe>

CSS

iframe {
    height: 100vh;
}

更新: 我不想调整滚动条,我想通过显示所有内容来删除它们。想象一下,我在页面(可滚动)上有一个 iframe 窗口(不可滚动)。

最佳答案

您可以使用以下 css 代码调整 iframe 或任何元素的滚动条:

iframe{ width:500px;高度:500px;溢出-x:隐藏;溢出-y:滚动

关于javascript - 隐藏 iframe 垂直滚动条并显示全部内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37459028/

相关文章:

javascript - jQuery 通过动态 minHeight 调整大小

javascript - 为什么我在 View 中看不到这个变量?

Javascript - 如何在 2 个数组之间循环?

html - 我想把我的按钮移到那条线的中心?

javascript - 我可以获得访客的路由器名称或 MAC 地址吗?

javascript - 如何使用 JQuery 检索对表示其容器对象的变量内的 div 的引用?

javascript - 根据一行中的元素数调整内容 (100%)

javascript - 交换内部 css 位置时使用 css 和 javascript 的下拉菜单不起作用

jquery - 如何按数据权重属性对数据进行排序和获取排序数据?查询

html - 使div菜单按钮下拉