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>
，它有滾動條。
如何擺脫它們？
A
回答
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
的
赫爾曼 - 我認爲'SCROLLING = 「無」'應該work.Its爲我工作。它在HTML5中嗎？ – 2013-03-19 08:34:52
@Yagnesh我有我的iframe的示例，它不工作。 – 2013-03-19 08:37:26
我試過用你的代碼，它沒有滾動工作正常。請檢查iframe是否在任何div下。 – 2013-03-19 08:44:50