Question

我使用iframe在框架中查看多个图像，我想隐藏水平滚动条。我使用了以下代码段。

<div class="framepart">
    <iframe src="http://docs.google.com/gview?url=http://www.puthuvannam.com/vendors/sample/documents/<?php echo $res['name'];?>&embedded=true" style="width:600px; height:500px;overflow-y:hidden;" scrolling="no" style="overflow:hidden" frameborder="0">          
    </iframe>
</div>

Answer 1

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

iframe { overflow:hidden; }

scrolling="no"适用于IE10，Chrome 25和Opera 12.12。

然而，HTML5不支持<iframe>滚动属性，即使大多数浏览器都了解它。

有关滚动的详情，请参阅this文章。

Answer 2

我想我发现了问题。

我将src的{{1}}更改为<iframe>（http://jsfiddle.net/U8JCj/2/）。

通过在开发者工具中检查这一点，可以看出不 http://docs.google.com/gview?url=http://www.google.com/&embedded=true有溢出，但内部<iframe>有<div id="content-pane"> }。由于这是Google文档的内部版本，因此它不是您可以更改的样式，因此没有解决方案（使用Google文档时）。

如何在iframe中禁用水平滚动条

2 个答案: