HTML iframe-禁用滚动

  • Z时代
  • 2024-01-10
  • 分类：问答

我的网站上有以下iframe：

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

它具有滚动条。

如何摆脱它们？

回答：

不幸的是，我认为仅通过HTML和CSS属性完全符合HTML5的想法是不可能的。幸运的是，大多数浏览器仍然支持该scrolling属性（已从HTML5规范中删除了该属性）。

overflow并不是HTML5的解决方案，因为唯一 支持HTML5的现代浏览器是Firefox。

当前的解决方案是将两者结合起来：

<iframe src="" scrolling="no"></iframe>
iframe {
  overflow: hidden;
}

但是随着浏览器的更新，这可能变得过时了。您可能需要检查一下以获取JavaScript解决方案

我已经检查过，并且scrolling="no"可以在IE10，Chrome 25和Opera 12.12中使用。

以上是 HTML iframe-禁用滚动 的全部内容， 来源链接： utcz.com/qa/436423.html

回到顶部