删除 iframe 中的垂直滚动条 (ASP.NET)

Question

我想从iframe中删除（即隐藏）垂直滚动条。我尝试使用overflow:hidden和scroll="no"但滚动条仍然出现。

这是我尝试过的：

<iframe name = "iframemc" id="iframemc" scrolling="no" frameborder="0" style="background-color: white; float:none; margin-left:40px; overflow:hidden" runat="server" width="800px" height="620px" ></iframe>

接下来我可以尝试什么？

Answer 1

改用overflow: hidden;，auto我认为是添加滚动条的原因：

<iframe name = "iframemc" id="iframemc" scrolling="no" frameborder="0" style="background-color: white; float:none; margin-left:40px; overflow:hidden" runat="server" width="800px" height="620px" ></iframe>

为较旧的浏览器保留scrolling="no"。

Answer 2

听起来你想要溢出-y：隐藏

摘自另一个答案：

我建议使用 CSS 来做这件事。 和溢出-y：隐藏;

.restricted{width：200px; height：200px; overflow-y： hidden;}

参考：隐藏 iframe 上的水平滚动条？

Answer 3

此示例在镶边中没有滚动条：

http://jsfiddle.net/Asb8v/3/

<div class="wrapper">
    <div class="h_iframe">
        <iframe src="http://www.cnn.com" scrolling="no" name="iframemc" id="iframemc" frameborder="0" runat="server" ></iframe>
    </div>
</div>
<style type="text/css">
    #iframemc {
        background-color: white; 
        float:none; 
        margin-left:40px; 
        overflow:hidden
    }
</style>

Answer 4

看起来你看到的是 iframe 内容的滚动条，而不是 iframe 本身。要摆脱滚动条，请将overflow:hidden和height/width:100%应用于 html、iframe 正文（或在 iframe 内容中具有overflow:auto的元素）。但要这样做，您应该有权访问 iframe 内容。