【问题标题】: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 中仍然可用

【问题讨论】:

标签: 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不支持滚动属性
    • 但你仍然可以使用它
    猜你喜欢
    • 2011-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-22
    • 1970-01-01
    • 2020-01-22
    • 2016-03-26
    • 1970-01-01
    相关资源
    最近更新 更多