HTML iframe - 禁用滚动

Question

我的站点中有以下 iframe:

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

而且它有滚动条。
如何摆脱它们？

Answer 1

不幸的是，我不相信仅使用 HTML 和 CSS 属性就可以完全符合 HTML5。不过幸运的是，大多数浏览器仍然支持 scrolling 属性(已从 HTML5 specification 中删除)。

overflow 不是 HTML5 的解决方案，因为唯一错误地支持它的现代浏览器是 Firefox。

当前的解决方案是将两者结合起来:

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

iframe {
  overflow: hidden;
}

但是随着浏览器的更新，这可能会过时。您可能需要查看此 JavaScript 解决方案:http://www.christersvensson.com/html-tool/iframe.htm

编辑:我已经检查过，scrolling="no" 将在 IE10、Chrome 25 和 Opera 12.12 中工作。