如何禁用 HTML Iframe 中的滚动？

在 HTML Iframe 中禁用滚动

使用 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中文网其他相关文章！