从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?

谢谢。

在你的CSS:

 iframe{ overflow:hidden; } 

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

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

 <iframe src="http://buythecity.com" scrolling="no" style=" width: 550px; height: 500px; overflow: hidden;" ></iframe> 
 <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>; 

使用上面的div,它不会在任何浏览器中显示滚动条。

在iframe上添加scroll =“no”和style =“overflow:hidden”不起作用,我不得不在iframe的内部加载html文档体上添加style =“overflow:hidden”。

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

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

只需添加scrolling="no"seamless="seamless"属性iframe标记。 喜欢这个:-

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

把这个添加到你的css来隐藏水平滚动条

 iframe{ overflow-x:hidden; } 

如果这里的任何人在禁用iframe上的滚动条时遇到问题,可能是因为iframe的内容在html元素下面的元素上有滚动条!

有些布局设置htmlbody为100%的高度,并使用#wrapper div overflow: auto; (或scroll ),从而将滚动移动到#wrapper元素。

在这种情况下,除非编辑其他页面的内容,否则不会显示滚动条。