【问题标题】:Remove iframe horizontal scrollbar移除 iframe 水平滚动条
【发布时间】:2011-03-27 18:29:19
【问题描述】:

我想删除 iframe 中的水平滚动条。我只需要一个垂直滚动条来查看冗长的内容。我的代码是

<iframe height='514' width='790' 
        marginwidth='0' marginheight='0' 
        frameborder='0' 
        overflow-y='scroll' 
        overflow-x='hidden'>
</iframe>

请任何人解决我的问题。提前祝愿。

【问题讨论】:

  • 你能接受你认为最正确的答案,还是写你自己的答案并接受?

标签: html iframe


【解决方案1】:

在 iframe 页面本身中,添加以下内容:

body {
    overflow-x:hidden;
    height:100%; //optional, but it can't hurt.
}

【讨论】:

  • “在 iframe 页面本身”这是其他答案中缺少的宝贵信息,谢谢!
  • @Shankaralwar:请接受这个答案作为解决方案,感谢您尊重这个社区及其规则
  • 您必须将可选的注释放入 /* */ 中,因为这就是您在 CSS 中注释内容的方式。
【解决方案2】:

如果您使用的是支持 CSS3 的浏览器,则可以使用 overflow-x 属性。

#my-iframe
{
   overflow-x:hidden;
}

【讨论】:

    【解决方案3】:

    尝试将滚动属性设置为“否”

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

    【讨论】:

      【解决方案4】:

      Here 是一个 IFrame 调整大小的脚本。

      但是,如果您使用 SSL,则无法使用脚本在框架和主窗口之间进行通信。它将给出“拒绝访问”。 :-(

      【讨论】:

        【解决方案5】:

        解决办法是:

        style="overflow-x:hidden;
        overflow-y:scroll;
        

        iframe所包含页面的标签&lt;body&gt;

        SEE THIS LINK PAGE

        拉斐尔的问候。

        【讨论】:

        • 在提供原始答案两年后,请不要重复相同的答案,稍作修改。
        • 我在其他地方没有看到这个答案?提供的答案无效,但这个答案有效。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-06-18
        • 1970-01-01
        相关资源
        最近更新 更多