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

Question

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

Answer 1

我记得前一段时间遇到过类似的问题，具体取决于您的需要我会尝试使用:

overflow-y:hidden;

在 css 或

scrolling="no"

在 iframe 元素内。 (这应该有效)

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

    .parent {

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

然后为了让它看起来稍微好一点，使用 css 例如:将边框设置为正确，它看起来就好像你从未做过这样的 hack，但正如我之前所说，先尝试 scrolling="no"，因为后一种方法可能会遭到某些人的反对，但在我看来，这是一种解决问题的方法。

快乐编码。