小编典典

HTML iframe-禁用滚动

html

我的网站上有以下iframe:

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

它具有滚动条。
如何摆脱它们?


阅读 4602

收藏
2020-05-10

共1个答案

小编典典

不幸的是,我认为仅通过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中使用。

2020-05-10