我如何在Firefox和Internet Explorer中隐藏或为iframe scolllbar涂上颜色

Question

如何使用CSS或JavaScript隐藏（和颜色）Firefox和Internet Explorer中的Iframe scrollbar？我使用的是高度自动iframe内容，它工作正常，但是滚动栏正在显示（Chrome除外）。我正在使用iframe Height Auto进行跨域高度自动。

Answer 1

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

overflow-y:hidden;

在CSS或

中

scrolling="no"

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

如果所有其他方法都失败了，这里有一些骇客，将父级的宽度略小于孩子div，并将其CS设置为这样的CS：

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

然后，要使CSS的播放看起来稍微更好后一种方法可能会被某些人皱眉，但是在我的辩护中，这是解决问题的方法。

快乐的编码。

Answer 2

如果您有一个正在照顾高度的脚本，因此您不需要滚动，则可以简单地关闭滚动，以便他们不在那儿，妨碍了：

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

scrolling="no"做技巧。

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