如何使 iFrame 没有滚动条答案

【问题标题】：How to make iFrame not have the scrolling bar如何使 iFrame 没有滚动条
【发布时间】：2011-09-07 06:04:39
【问题描述】：

我正在这里制作一个像这样的小部件：

由于某种原因，我似乎无法让滚动条消失。有人知道怎么做吗？

谢谢！

【问题讨论】：

【解决方案1】：

像这样：

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

编辑：另外frameborder="0" 可以方便地隐藏边框。

【讨论】：

【解决方案2】：

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

这通常用于使divs 可滚动，如this example 所示。

您要查找的值是：hidden，它将剪切区域可见范围之外。比如：

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

小部件应该看起来不错

所以对于你可能想要的 CSS 属性：

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

对于你可能想要的 iframe 属性：

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

阅读这些以了解它们的作用，但它们是小部件共有的，就像您在问题中描述的那样。他们应该一起制作一个好看的小部件。

【讨论】：

【解决方案3】：

iframe { overflow: hidden; }

应该这样做。但是，您真的想这样做吗？任何不能立即查看的内容都将不可用（无需用户跳圈通过键盘滚动）。

【讨论】：

【解决方案4】：

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

注意：这在 HTML5 中不起作用。

【讨论】：

【解决方案5】：

虽然

overflow:hidden;

可能适用于 Firefox，但不适用于 IE 或 Chrome。如果您不使用 HTML5，则可以使用 scrollable=no。

【讨论】：