如何使的iFrame没有滚动条

我正在做一个小部件像这样一个在这里工作：如何使的iFrame没有滚动条

，由于某种原因，我似乎无法使滚动条消失。有谁知道这是怎么做到的吗？

谢谢！

2011-06-02 Genadinik

看看[HTML iframe滚动属性]（http://www.w3schools.com/tags/att_iframe_scrolling.asp） – Lijo 2015-02-20 21:28:38

像这样：

<iframe ... scrolling="no"></iframe>

编辑：也frameborder="0"是很方便的隐藏边框。

2011-06-02 17:21:37 aorcsik

OP没有指定标准，但是'frameborder'和'scrolling'属性不是有效的HTML5。参见[here]（http：/ /www.w3schools.com/tags/tag_iframe.asp）。 – ubiquibacon 2013-07-01 22:00:08

iframe { overflow: hidden; }

应该这样做。但是，你真的想要吗？任何不能立即查看的内容都将无法使用（用户无法通过键盘滚动浏览）。

2011-06-02 17:20:34

'overflow：hidden;'在浏览器中不一致。对我来说，它在Firefox上效果很好，但不适用于Chrome或IE：（ – 2011-09-02 22:08:41

处理文档大于可见区域的CSS属性是overflow。

这通常用于制作可滚动的div s，如this example所示。

您正在查找的值是：hidden这将剪辑区域以外的可见范围。喜欢的东西：

<iframe style="overflow:hidden;" src="URL" />

应该好看AA部件

因此，对于CSS属性，你可能想：

overflow:hidden; 
border:none; 
width:100px; 
height:25px;"

和iframe的属性，你可能想：

scrolling="no" 
frameborder="0" 
allowTransparency="true"

阅读这些到了解他们在做什么，但他们是常见的部件就像你在你的问题中描述的那样。他们一起应该制作一个好看的小部件。

2011-06-02 17:30:54

只需将scrolling="no"属性添加到您的iframe。

注意：这不适用于HTML5。

2015-04-05 15:05:42

虽然

overflow:hidden;

可与Firefox浏览器，它不与IE或Chrome工作。如果你不使用HTML5，你可以使用scrollable=no。

2018-01-11 15:07:10

回答