溢出：隐藏；无法在带有 IFRAME 的 Chrome 上运行？

Question

我有一个 IFRAME，其溢出隐藏在 css 和 html 中。它可以在 Firefox 中运行，但不能在 Chrome/Safari 中运行，

这是为什么？

Answer 1

是的，怎么样：

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

如 scrolling="no"

http://jsfiddle.net/内SBS/

Answer 2

经过对这个主题的大量研究后，我想发布我的答案，我建议这可以作为 Joonas 答案的补充：

<style>
    iframe {
        overflow:hidden;
    }
</style>
(...)
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

我认为，滚动和溢出：应提供隐藏，尽管此解决方案无法在 Chrome 和 HTML5 文档类型的组合中工作。 HTML5 中已弃用 scrolling 属性，并且 overflow 属性不会影响 Chrome 中的 iframe。我认为后者是一个错误，因为 HTML5 规范 说清楚地：

此外，HTML5 没有 HTML4 中的任何表示属性，因为它们的功能可以通过 CSS 更好地处理：
(...)
- nowrap td 和 th 上的属性。
- 表上的规则属性。
- iframe 上的滚动属性。
- hr 的尺寸属性。
- li 和 ul 上的类型属性。
（...）

说得很清楚 - 在 HTML5 中 scrolling 应该被 CSS overflow 取代。

Answer 3

<style>
    iframe::-webkit-scrollbar {  
    display: none;
}  
</style>

如发现 - Safari/Chrome (Webkit) - 无法隐藏 iframe 垂直滚动条

Answer 4

奇怪但 - 变换：旋转（0.00001deg）；对于带有溢出的div：隐藏；对我有帮助。

Answer 5

只是 width: 99.99%; 对我来说就成功了。

我在 Chrome 中遇到了这个问题，但在 Firefox 中没有。

Answer 6

对于任何想要使用 js 做到

这一点的人来说，你已经使用类似的东西添加了 iframe

document.body.appendChild(iframe);

，你可以使用这个添加隐藏滚动条，

iframe.setAttribute('scrolling', 'no');

我用谷歌搜索了整个网络，几乎找不到它。

学分：仅允许 iFrame 滚动并禁用主页滚动：您需要了解的内容

Answer 7

使用overflow-y:hidden;则垂直滚动将被隐藏。

Answer 8

溢出-y：自动；
滚动条宽度：无；