我有以下在我的网站的iframe：
<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>
它有滚动条。
如何摆脱他们？
Answer 1:
不幸的是，我不相信这是可能在完全符合HTML5只用HTML和CSS属性。 不过还好，大多数浏览器依然支持scrolling属性（它从删除HTML5规范 ）。
overflow不是HTML5作为错误支持，这是Firefox的唯一的现代浏览器的解决方案。
电流的解决办法是将二者结合起来：
<iframe src="" scrolling="no"></iframe>
iframe {
overflow: hidden;
}
但是，这可能会为浏览器的更新中过时。 您可能要检查这一个JavaScript解决方案： http://www.christersvensson.com/html-tool/iframe.htm
编辑：我检查和scrolling="no"将在IE10，Chrome浏览器25和Opera 12.12的工作。
Answer 2:
我解决了这个CSS同样的问题：
pointer-events:none;
Answer 3:
看来使用工作
html, body { overflow: hidden; }
在iframe 中
编辑：当然，这只是工作，如果你有机会到iframe的内容（我在我的情况）
Answer 4:
将所有的内容：
#yourContent{
width:100%;
height:100%; // in you csss
}
问题是，iframe的滚动是不是内容通过iframe中自行设定。
设置在内部的含量为100％的CSS和所需的用于在HTML的IFRAME
Answer 5:
我尝试滚动=在我目前的浏览器“无”（谷歌浏览器版本60.0.3112.113（正式版本）（64位）），并没有工作。 然而，滚动=“没有”做了工作。 值得一试
<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scroll="no" style="overflow: hidden"></iframe>
Answer 6:
收藏此styles..for您的iframe标签..
overflow-x:hidden;
overflow-y:hidden;
Answer 7:
下面HTML5版本
iframe {
overflow:hidden;
}
在HTML5
<iframe seamless="seamless" ....>
iframe[seamless]{
overflow: hidden;
}
但不能正确支持尚未
Answer 8:
由于“溢出：隐藏;” 属性不正确地在自身的iFrame工作，但似乎当应用到iFrame 中的页面的正文给结果，我尝试这样做：
iframe body { overflow:hidden; }
其令人惊讶地没有与火狐合作，消除那些恼人的滚动条。
在Safari虽然，一个怪异的2像素宽的透明线已经出现在iframe的右侧，其内容和其边框之间。 奇怪。
Answer 9:
对于这个框架：
<iframe src="" name="" id=""></iframe>
我想这对我的CSS代码：
iframe#put the value of id here::-webkit-scrollbar {
display: none;
}
Answer 10:
您可以使用下面的CSS代码：
margin-top: -145px;
margin-left: -80px;
margin-bottom: -650px;
为了限制iframe的图。
文章来源: HTML iframe - disable scroll
