如何在 Firefox 和 Internet Explorer 中隐藏或着色 iframe 滚动条？答案

【问题标题】：How can I hide or color iframe scrollbar in Firefox and Internet Explorer?如何在 Firefox 和 Internet Explorer 中隐藏或着色 iframe 滚动条？
【发布时间】：2014-01-31 06:20:06
【问题描述】：

如何使用 css 或 Javascript 在 Firefox 和 Internet Explorer 中隐藏（和着色）iframe 滚动条？我正在使用高度自动 iframe 内容，它工作正常，但显示滚动条（Chrome 除外）。我正在使用 iframe height auto 进行跨域高度自动。

【问题讨论】：

为什么要同时隐藏和着色？
欢迎来到 Stack Overflow！如果您提供到目前为止的代码，通常会更容易回答此类问题。
不，我是说颜色是可选的

标签： javascript html css iframe

【解决方案1】：

我记得不久前遇到过类似的问题，具体取决于您的需要我会尝试使用：

overflow-y:hidden;

在css或

中

scrolling="no"

在 iframe 元素内。（这应该有效）

如果一切都失败了，这里有一个小技巧，将父 div 设置为比子 div 稍小的宽度，并像这样设置它的 css：

    .parent {

        overflow-x:hidden;
        width:486px;
        height:300px;
    }
    .child {
        width:500px;
        height:auto;
    }

然后让它看起来更好玩css例如：设置边框，它看起来好像你从来没有做过这样的黑客，但正如我之前所说，首先尝试滚动=“否”，如后一种方法可能会受到一些人的反对，但在我看来，这是解决问题的方法。

快乐编码。

【讨论】：

添加溢出隐藏在 iframe 或其父 div 中的位置

【解决方案2】：

如果您有一个脚本可以处理高度，因此您不需要滚动，您可以简单地关闭滚动，这样它们就不会出现，妨碍：

<iframe src="//www.abc.net.au/" scrolling="no" width="500" height="500"></iframe>

scrolling="no" 可以解决问题。

示例：http://jsfiddle.net/rt2bf/

【讨论】：

在小提琴中添加scrolling="no" 时没有滚动条。如果您看到不同的结果，我们可以看看您的代码、小提琴中的代码，还是您所在的发生这种情况的站点？