Question

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

Answer 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看起来更好看，例如：设置右边边框，看起来好像你从来没有做过这样的黑客攻击，但正如我之前说过的那样，首先尝试滚动=“否”，后一种方法可能会被一些人不赞成，但在我的辩护中，这是解决问题的方法。

快乐编码。

Answer 2

如果你有一个处理高度的脚本，所以你不需要滚动，你可以简单地关闭滚动，这样他们就不在那里，妨碍了：

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

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

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

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

2 个答案: