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

不幸的是,我不相信完全符合HTML5的HTML和CSS属性是可能的.幸运的是,大多数浏览器仍然支持该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中运行.

Answer 2

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

    pointer-events:none;

Answer 3

它似乎工作正常

html, body { overflow: hidden; }

在 IFrame 里面

编辑:当然这只有工作,如果你有权访问Iframe的内容(在我的情况下我有)