如何有效禁用 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中文网其他相关文章！