如何有效停用 HTML iframe 中的捲軸？

停用 HTML iframe 中的捲軸

Iframe 元素提供了一種將外部內容嵌入網頁的方法。但是，在這些 iframe 內啟用滾動可能會造成不必要的視覺混亂。本文解決了在使用 iframe 元素時停用捲軸的問題。

問題中提供的 HTML 程式碼舉例說明了 iframe 的使用，採用 HTML 和 CSS 屬性：

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no">

儘管使用的scrolling =“no”，捲軸仍然出現。要深入研究解決方案，了解 HTML5 中滾動屬性的狀態至關重要。

不幸的是，HTML5 規格中省略了滾動屬性。然而，大多數當前的瀏覽器仍然支援它。單獨的溢出屬性在 HTML5 中並不是一個可行的解決方案，因為 Firefox 是唯一錯誤支援它的現代瀏覽器。

實際的解決方法包括結合使用這兩種方法：

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

iframe {
  overflow: hidden;
}

隨著瀏覽器的發展，這個解決方案可能會變得過時。有關使用 JavaScript 的更全面的解決方案，請參閱已接受的答案中提供的連結。

編輯： 根據測試，設定scrolling =「no」可有效停用 IE10、Chrome 25 中的捲軸和 Opera 12.12。

以上是如何有效停用 HTML iframe 中的捲軸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！