2013-03-19 56 views
56

我已经在我的网站下面的iframe:HTML IFRAME - 禁用滚动

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

,它有滚动条。
如何摆脱它们?

+3

赫尔曼 - 我认为'SCROLLING = “无”'应该work.Its为我工作。它在HTML5中吗? – 2013-03-19 08:34:52

+0

@Yagnesh我有我的iframe的示例,它不工作。 – 2013-03-19 08:37:26

+0

我试过用你的代码,它没有滚动工作正常。请检查iframe是否在任何div下。 – 2013-03-19 08:44:50

回答

125

不幸的是,我不相信这是可能在完全符合HTML5只用HTML和CSS属性。幸运的是,大多数浏览器仍然支持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的工作。

+0