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

q3aa0525  于 2023-06-07  发布在  .NET
关注(0)|答案(4)|浏览(349)

我想删除(即隐藏)来自iframe的垂直滚动条。我试过使用overflow:hiddenscroll="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>

接下来我可以尝试什么?

3phpmpom

3phpmpom1#

使用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"

bjg7j2ky

bjg7j2ky2#

听起来像是你想要溢出:隐藏
摘自另一个答案:
我建议用CSS来做。和溢出-y:隐藏;
.restricted{width:200px;高度:200 px;溢出-y:隐藏;}
参考:Hide horizontal scrollbar on an iframe?

kjthegm6

kjthegm63#

这个例子在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>
mkh04yzy

mkh04yzy4#

看起来你看到的是iframe内容的滚动条,而不是iframe本身。要摆脱滚动条,请将overflow:hiddenheight/width:100%应用于html,iframe的主体(或iframe内容中包含overflow:auto的元素)。但要做到这一点,您应该能够访问iframe内容。

相关问题