如何在Google Chrome上删除iframe的水平滚动条

Question

我希望垂直滚动启用和水平滚动关闭.

使用scrolling ="no"不是我想要的,因为我仍然想要垂直滚动.

我试过把它添加到css中

  #myiframe{
    overflow-x:hidden;
    overflow-y:auto;
  }

但它仍然只显示镀铬的水平滚动条.其余的浏览器都很好.

任何帮助表示赞赏

Answer 1

如果您可以访问iframe源页面,则可以放置

body {
    overflow-x:hidden;
}

在那个页面里面.如果你没有,但至少页面来自同一个域,我相信父页面上的这样的东西应该有效:

#myiframe body {
    overflow-x:hidden;
}

如果以上都不是 - 您可以通过实际隐藏iframe容器内的水平滚动条来模拟"overflow-x:hidden".将Iframe放入较小高度的容器DIV中,例如:

<div id="myiframecontainer">
    <iframe id="myiframe" src="http://en.wikipedia.org"  />
</div>

#myiframecontainer {
    width:600px;
    height:400px;
    overflow:hidden; 
}

#myiframe {
    width:100%;
    height:420px; 
}

由于iframe高度大于div的高度而div的溢出设置为隐藏 - iframe的水平滚动条将被隐藏.垂直仍然可以运行.

演示:http://jsfiddle.net/5DPgf/