如何让iFrame没有滚动条

Question

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

http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700

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

谢谢！

Answer 1

像这样：

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

修改：frameborder="0"也可以隐藏边框。

Answer 2

iframe { overflow: hidden; }

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

Answer 3

处理文档大于可查看区域的CSS属性为overflow。

这通常用于制作this example中可滚动的div。

您要查找的值是：hidden 剪切区域在可见范围之外。类似的东西：

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

小部件应该看起来不错

因此，对于您可能需要的CSS属性：

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

对于iframe属性，您可能需要：

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

阅读这些了解他们做了什么，但他们就像你在问题中描述的那些小部件共同。他们应该共同创造一个好看的小部件。

Answer 4

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

  

注意：这不适用于HTML5。

Answer 5

虽然

overflow:hidden;

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