如何停用 HTML Iframe 中的滾動？

在HTML Iframe 中停用滾動

使用iframe 將外部內容嵌入到網頁中時，可能需要停用出現的滾動條的邊緣。儘管 HTML5 規範中刪除了滾動屬性，但大多數瀏覽器仍然支援它。

解決方案 1：結合滾動和溢出屬性

在 HTML5 中停用滾動iframes，您可以使用滾動屬性和溢出 CSS的組合property:

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

iframe {
  overflow: hidden;
}

雖然此方法可能在某些瀏覽器中有效，但隨著瀏覽器的更新，它可能會變得過時。

解決方案 2：基於 JavaScript 的解決方案

想要獲得更可靠的基於 JavaScript 的解決方案，您可以參考以下資源： http://www.christersvensson.com/html-tool/iframe.htm

瀏覽器相容性

需要注意的是，滾動屬性僅在舊版本中支援IE10、Chrome 25 和Opera 12.12 等瀏覽器。對於較新的瀏覽器，overflow 屬性是停用 HTML5 iframe 中捲動的首選方法。

以上是如何停用 HTML Iframe 中的滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！