如何使用 css 在 iframe 中隐藏滚动条？答案

【问题标题】：How to hide scrollbar in iframe using css?如何使用 css 在 iframe 中隐藏滚动条？
【发布时间】：2014-07-09 03:59:32
【问题描述】：

我使用 HTML5。在我的 iframe 中，如果我使用 scrolling="no" 我的浏览器（chrome）支持它。但是有些网站说 scrolling HTML5 不支持 属性。我决定使用 css 但 overflow : hidden;溢出-x：隐藏； overflow-y:hidden 没有任何影响。我该怎么办？我应该继续使用 scrolling="no" 因为它在 HTML5 中仍然可用

【问题讨论】：

你是在父页面还是在子页面应用overflow:hidden样式？
在我使用 iframe 标签的页面中。
How to remove iframe's scrollbars? 的可能重复项
@MaksatYalkabov 查看我的问答以获取解决方案和解释stackoverflow.com/questions/18470015/html5-iframe-no-scrolling

标签： css html

【解决方案1】：

CSS：

<style>
    .restricted{width:200px; height:200px; overflow-y: hidden;}
</style>

iframe：

<iframe src="http://cnn.com" class="restricted" scrolling="no"></iframe>

【讨论】：

【解决方案2】：

要隐藏滚动条，您需要向 iframe 添加滚动属性。

<iframe id="myiframe" src="http://www.cnn.com" style="width:200px;height:200px;" scrolling="no"/>

【讨论】：

但我想用 css 做到这一点
html5不支持滚动属性
但你仍然可以使用它