开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >包含IFRAME的DIV样式不需要滚动

问包含IFRAME的DIV样式不需要滚动
EN

Stack Overflow用户

提问于 2016-08-09 14:12:51

回答 2查看 91关注 0票数 0

如何在iframe容器中插入一个div，使嵌入的iframe内容永远不会有滚动条(嵌入的内容永远不会很宽，但通常高到足以导致垂直滚动条出现)。

换句话说，给

<div class="embedded">
    <iframe class="embedded" src="http://xxx.yyy.zzz/content.html"></iframe>
</div>

我该如何定义

div.embedded { }
iframe.embedded { }

这样的话，嵌入的内容总是完全可见的，并且从不使用滚动条？

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-09 14:29:44

您可以使用库http://davidjbradshaw.github.io/iframe-resizer/将iFrame大小保持为内容大小。

示例：http://davidjbradshaw.com/iframe-resizer/example/

票数 1

EN

Stack Overflow用户

发布于 2016-08-09 14:25:48

这应该可以做到：

/* Hide all scrollbars for the iframe */
iframe.embedded { overflow: hidden; }

/* Hide all scrollbars for the div, but display the vertical scrollbar if content exceeds the height. */
div.embedded { overflow: hidden; overflow-y: auto; }

这是一个possibly related question on Stack Overflow

如果您想让iFrame本身在更长的内容中变得更高，这涉及到Javascript和被回答为 in this Stack Overflow question。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38853200

复制

相似问题