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 {宽度：200像素;高度：200像素; overflow-y：hidden;}

参考： Hide horizontal scrollbar on an iframe?

Answer 3

此示例在chrome中没有滚动条：

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内容。

删除iframe中的垂直滚动条（ASP.NET）

4 个答案: