1

我必须在 iFrame 中加载远程 url。远程内容将比 iFrame 宽一些。我不希望显示水平滚动条，但如果需要，则显示垂直滚动条。

我尝试了以下代码：

<iframe scrolling="auto" style="width:500px; height:300px; border:0; padding:0; margin:0; overflow-x:hidden; overflow-y:auto;" src="http://digg.com"></iframe>

它适用于 Firefox，但不适用于 IE、Chrome、Opera ......这可能是一个错误或什么的。小提琴：http: //jsfiddle.net/DpbUy/3/

我还尝试了在此处标记为接受的答案中提供的标签horizontalscrolling和iFrame ，但也没有运气。horizontalscrolling

<iframe scrolling="yes" horizontalscrolling="no" verticalscrolling="yes" style="width:500px; height:300px; border:0; padding:0; margin:0;" src="http://digg.com"></iframe>

Th 在任何浏览器中都不起作用。

小提琴：http: //jsfiddle.net/85q4r/

我知道我可以删除 iFrame 的滚动条并将其高度设置为4000px或其他内容，然后将其放入 div 中overflow-x:hidden; overflow-y:auto;，但我想要一种更干净的方式。

我想知道我是否应该放弃这个并尝试另一种方法。谁能告诉我是否可以这样做？

4

1 回答 1

1

要从 iframe 中删除水平滚动条，请对其应用此 css 规则：

iframe{
    overflow-x:hidden
}

您无需将其应用于 iframe 内容。

于 2012-11-19T15:36:26.890 回答