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

【问题标题】：How to delete scrollbars on an iframe?如何删除 iframe 上的滚动条？
【发布时间】：2016-05-11 08:40:04
【问题描述】：

我向我的网站添加了一个基本的 iframe，它显示了我无法以任何方式摆脱的滚动条（垂直和水平）。我已经在网上阅读了很多关于它的内容，但似乎没有任何效果（如溢出：隐藏或滚动=“否”）。截至现在/ 2016 年，解决此问题的最佳和最标准的方法是什么？

谢谢！

【问题讨论】：

检查这个问题stackoverflow.com/questions/4856746/…
我添加了来自@Jasper van Merle 答案的代码，还添加了溢出：隐藏到 iframe 中的正文，它可以工作。
很好......你很高兴

标签： html css iframe

【解决方案1】：

使用以下 CSS：

iframe::-webkit-scrollbar {
  display: none;
}

【讨论】：

这在 Chrome 中有效，这很好，但在 Explorer 和 Firefox 中无效。

【解决方案2】：

我会说

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

CSS

iframe { overflow:hidden; }

<body>
      <div class="ifrm">
        <iframe src="http://tholman.com/elevator.js/" height="300" width="300" scrolling="no"</iframe>
      </div>
    </body>

【讨论】：

【解决方案3】：

HTML5 不支持<iframe> 滚动属性。改用 CSS。滚动属性指定是否在<iframe> 中显示滚动条。通常，当内容大于<iframe> 时，滚动条会出现在<iframe> 中。

iframe {
    overflow: hidden;
}

【讨论】：