从IFRAME删除滚动条(Remove scrollbar from iframe)

使用此代码

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

这是它如何出现（上的主页上留言http://www.talkjesus.com ）

如何删除水平滚动条，并修改垂直滚动条的CSS？

谢谢。

Answer 1:

在你的CSS：

iframe{
    overflow:hidden;
}

Answer 2:

添加scrolling="no"属性的iframe。

Answer 3:

这适用于所有浏览器。 这里的jsfiddle http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

Answer 4:

添加scroll="no"和style="overflow:hidden"在IFRAME没有工作，我不得不添加style="overflow:hidden"里面iframe中加载HTML文档的身体。

Answer 5:

只需添加scrolling="no" ，并seamless="seamless"属性iframe标签。 像这样：-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

Answer 6:

<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;

使用上述股利和它不会出现在任何浏览器滚动条。

Answer 7:

在你的CSS隐藏两个滚动条添加此

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

Answer 8:

如果有人在这里是有与上禁用滚动条问题iframe ，这可能是因为iframe的内容有以下元素滚动html元素！

一些布局设置html和body 100％的高度，并使用#wrapper用DIV overflow: auto; （或scroll ），从而移动所述滚动到#wrapper元件。

在这种情况下，你什么都不做会阻止从滚动条显示，除了编辑其他页面的内容。

Answer 9:

在你的CSS加入这个隐藏只是水平滚动条

iframe{
    overflow-x:hidden;
}

Answer 10:

这是不得已的，但值得一提的-你可以使用::-webkit-scrollbar伪元素的iframe的父摆脱那些著名的90年代的滚动条。

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

编辑：尽管它比较支持 ， ::-webkit-scrollbar可能不适合所有浏览器。 谨慎使用:)

文章来源: Remove scrollbar from iframe