Html 是否在iframe上隐藏水平滚动条？

我需要使用css、jquery或js隐藏iframe上的水平scollbar。

我建议结合使用

CSS

overflow-y：隐藏

（适用于HTML4）

和（对于HTML5）*

*

无缝

属性具有标准中的，并支持该属性

---

.foo{
宽度：200px；
高度：200px；
溢出y：隐藏；
}

---

在iframe中设置

scrolling=“no”

属性。

此答案仅适用于使用引导的网站。引导的响应嵌入功能负责滚动条

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/WsFWhL4Y84Y"></iframe>
</div> 

jsfiddle：

---

如果允许您更改

iframe

中文档的代码，并且该内容仅在父窗口中可见，只需在

iframe

中添加以下CSS即可：

body {
    overflow:hidden;
}

这里有一个非常简单的例子：

此解决方案允许您：

• 保持HTML5有效，因为它不需要

  iframe

  上的

  scrolling=“no”

  属性（HTML5中的此属性已被弃用）

• 适用于大多数使用CSS的浏览器

• 不需要JS或jQuery

注:

要禁止水平滚动条，请改用此CSS：

overflow-x: hidden;

---

可能重复：并且iframe与父页面不在同一域中。溢出-y：隐藏；不在谷歌浏览器、Safari和Opera中工作。我在Chrome 15上加载了您的示例，但仍然可以看到滚动条。在iframe中添加

scrolling=“no”

属性似乎可以删除Chrome中的滚动条。@Nick它不会在Chrome上删除滚动条，至少在我的计算机上不会@l46kok您的屏幕截图不包括

scrolling=“no”

请注意，目前任何主要浏览器都不支持seemless属性。尽管它得到了广泛的支持，但根据，不推荐使用

滚动

属性。