如何删除 iframe 的滚动条？

Posted 2023-03-06

【中文标题】如何删除 iframe 的滚动条？

【英文标题】：How to remove iframe's scrollbars?

【发布时间】：2011-05-26 12:58:32

【问题描述】：

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

【问题讨论】：

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

【参考方案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"  scrolling="no"  frameborder="0" allowtransparency="true" margin margin style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />