我的网站上有以下iframe:

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

而且它还有滚动条.
如何摆脱它们呢?

推荐答案

不幸的是,我不认为HTML5完全符合HTML和CSS属性是可能的.不过幸运的是,大多数浏览器仍然支持scrolling属性(该属性已从HTML5 specification中删除).

overflow不是HTML5的解决方案,因为wrongly支持的唯一现代浏览器是Firefox.

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

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

但随着浏览器的更新,这可能会过时.您可能希望判断JavaScript解决方案:http://www.christersvensson.com/html-tool/iframe.htm

Edit:我已经判断过了,scrolling="no"可以在IE10、Chrome 25和Opera12.12上运行.

Html相关问答推荐

将容器水平偏离中心放置在桌面上;在移动设备上平稳地集中缩小规模

NG8004:找不到名为""的管道.'' [插件Angular 编译器]

Xpath:提取标签之间的文本,但一旦出现嵌入标签就停止

注册组件不显示当我导航到注册站点

CSS:显示块,第一个项目没有正确对齐

如何找到FontAwese图标的Unicode值?

垂直页眉,每行只显示一个使用css的字母

在Quarto/Discrealjs演示文稿中只增加一个列表的填充

如何翻转卡片图像的背面

使用shinyjqui拖放到网格表中

Bootstrap 轮播内容在箭头之间不显示

主要元素内滚动时,固定导航栏会消失

CSS 字母间距将按钮向右扩展

Sass 混合动画未正确应用

从 Vue 应用程序的容器元素渲染 HTML

为什么
标签在 Edge 和 Firefox 中的编号会有两种不同的结果?

嵌套固定定位的 Div 滚动条渗透到前景中的 Div

打开 Bootstrap 模式时无法获得模糊的背景

隐藏在标题后面的下拉菜单

如何在 about:blank 网站上设置页面标题