如何删除 iframe 的滚动条？答案

【问题标题】：How to remove iframe's scrollbars?如何删除 iframe 的滚动条？
【发布时间】：2011-05-26 12:58:32
【问题描述】：

如何去除 iframe 的滚动条？在 Firefox 中很容易，但是我发现自己无法达到兼容所有主流浏览器的效果。

【问题讨论】：

看这个问答以获得答案和解释stackoverflow.com/questions/18470015/html5-iframe-no-scrolling

标签： javascript html css iframe cross-browser

【解决方案1】：

如果 CSS 技术不适合您，请尝试将属性 scrolling="no" 添加到 iframe HTML 标记。

<iframe scrolling="no" src="..." >

【讨论】：

这位先生们，是我最终获得动画 gif 以保持动画效果的方式，即使是来自 IE 的回发电话。附加额外代码不起作用，延迟源加载不起作用，但古老的元素 iFrame 做到了。一旦我放下滚动条，它就像金子一样好！

【解决方案2】：

CSS

iframe {
   overflow: hidden;
}

和/或使用Coin_op's answer，似乎更好。

【讨论】：

但是如果你在 IE 兼容模式下检查它会回来，所以你必须在 iframe 中添加 scrolling:'no' 它自己。这个链接解释了它。 dynamicdrive.com/forums/…

【解决方案3】：

在 Alex 的回答之上，我还必须添加以下内容以从 FF 和 Chrome 中删除水平工具栏。这是在 i-frame 页面中添加的，即使它也应该可以添加到 css 中：

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

【讨论】：

【解决方案4】：

<iframe runat="server" id="_theFrame"  src="url" width="100%" scrolling="no" height="200" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />

【讨论】：