如何从 iframe 隐藏滚动条？答案

【问题标题】：How to hide scroll bars from iframe?如何从 iframe 隐藏滚动条？
【发布时间】：2014-05-06 09:17:51
【问题描述】：

我的 iframe 在花哨的盒子里出现滚动条，不知道要删除它们我尝试了所有方法

似乎没有任何工作我做错了什么？我尝试了下面的代码，它们也不起作用。

iframe { overflow: hidden; }

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

【问题讨论】：

【解决方案1】：

看起来fancybox.css 正在指定overflow-y: scroll，它正在强制滚动条。您可以使用!important 强制覆盖：

.fancybox-overlay, .fancybox-overlay-fixed {
    overflow: hidden !important;
}

【讨论】：

【解决方案2】：

也许可以试试这个：

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

或者像 Greg 建议的那样使用 !important: 覆盖默认 css：

.fancybox-overlay, .fancybox-overlay-fixed {
    overflow: hidden !important;
}

希望对你有帮助！

【讨论】：