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

【问题标题】：How to disable Horizontal Scroll Bar In iframe如何在 iframe 中禁用水平滚动条
【发布时间】：2014-01-13 09:08:27
【问题描述】：

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

<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>

【问题讨论】：

使用 scrolling="no" 属性来解决您的问题。检查this 也...
@ShreshttBhatt 包含的代码 sn-p 确实包含该内容。据我所知，它工作正常，没有什么可解决的 - jsfiddle.net/U8JCj/1。我从这段代码中更改的只是宽度（以防止 JSFiddle 窗口水平滚动。）
我已经更改了链接，请立即尝试，让我知道灵魂
http://jsfiddle.net/U8JCj/2/ 检查这个并告诉我如何禁用滚动条

标签： php html iframe

【解决方案1】：

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

iframe { overflow:hidden; }

scrolling="no" 可以在 IE10、Chrome 25 和 Opera 12.12 中运行。

但是，HTML5 不支持 <iframe> 滚动属性，尽管大多数浏览器都理解它。

请参阅this 文章以了解有关滚动的更多信息。

【讨论】：

你说得对，滚动属性不适用于 HTML5。检查this
还说Chrome等浏览器不只支持CSS属性。
你好，检查一下puthuvannam.com/vendors/sample/index.php?id=7我想隐藏滚动条

【解决方案2】：

我想我找到了问题。

我将<iframe> 的src 更改为http://docs.google.com/gview?url=http://www.google.com/&embedded=true (http://jsfiddle.net/U8JCj/2/)。

通过在开发者工具中检查这一点，可以看出不是<iframe> 有溢出，而是内部<div id="content-pane"> 有overflow: auto。由于这是 Google Docs 内部的，它不是您可以更改的样式，因此没有解决方案（在使用 Google Docs 时）。

【讨论】：

css 文件：.framepart{ 边距：0 auto;宽度：100%；文本对齐：居中； }
是的，您已经找到了问题，我已经更新了我的问题中的链接，并更新了上述评论中的 css 文件，所以请告诉我如何禁用该滚动条的解决方案