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>

它有滚动条。

如何摆脱它们？

原文由 Michał Herman 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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 中工作。

原文由 James Donnelly 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我用这个 css 解决了同样的问题：

     pointer-events:none;

原文由 John Smith 发布，翻译遵循 CC BY-SA 3.0 许可协议